PageSourceSearch

https://freece.de/blog

html freece.de collected 2026-10-09 03:11:09 UTC 114,434 bytes, 928 lines download raw bytes

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="csrf-token" content="dscVPwhw1AMH0ypVfeBCf7fhNifNwyucWouwtJIF" />
7
8
9<title>Blog - freece.de | Tipps, News &amp; Updates für Freelancer - Entdecke hilfreiche Tipps, News und Updates rund um freece.de und die Freelancer-Welt. Erfahre mehr über Projektverwaltung, Zeiterfassung und Rechnungen.</title>
10<meta name="description" content="Entdecke hilfreiche Tipps, News und Updates rund um freece.de und die Freelancer-Welt. Erfahre mehr über Projektverwaltung, Zeiterfassung und Rechnungen." />
11<meta name="keywords" content="Freelancer Blog, Projektverwaltung Tipps, Freelancer News, Selbstständigkeit, Software für Freelancer" />
12<meta name="author" content="freece.de" />
13<meta name="robots" content="index, follow" />
14<meta name="language" content="de" />
15<meta name="revisit-after" content="7 days" />
16
17
18<link rel="canonical" href="https://freece.de/blog" />
19
20
21<meta property="og:type" content="website" />
22<meta property="og:url" content="https://freece.de/blog" />
23<meta property="og:title" content="Blog - freece.de | Tipps, News &amp; Updates für Freelancer" />
24<meta property="og:description" content="Entdecke hilfreiche Tipps, News und Updates rund um freece.de und die Freelancer-Welt. Erfahre mehr über Projektverwaltung, Zeiterfassung und Rechnungen." />
25<meta property="og:image" content="https://freece.de/og/blog.png" />
26<meta property="og:image:width" content="1200" />
27<meta property="og:image:height" content="630" />
28<meta property="og:image:alt" content="Blog - freece.de | Tipps, News &amp; Updates für Freelancer" />
29<meta property="og:site_name" content="freece.de" />
30<meta property="og:locale" content="de_DE" />
31
32
33<meta name="twitter:card" content="summary_large_image" />
34<meta name="twitter:url" content="https://freece.de/blog" />
35<meta name="twitter:title" content="Blog - freece.de | Tipps, News &amp; Updates für Freelancer" />
36<meta name="twitter:description" content="Entdecke hilfreiche Tipps, News und Updates rund um freece.de und die Freelancer-Welt. Erfahre mehr über Projektverwaltung, Zeiterfassung und Rechnungen." />
37<meta name="twitter:image" content="https://freece.de/og/blog.png" />
38<meta name="twitter:image:alt" content="Blog - freece.de | Tipps, News &amp; Updates für Freelancer" />
39
40
41
42<link rel="icon" href="/favicon/favicon.ico" sizes="any">
43<link rel="icon" href="/favicon/favicon.svg" type="image/svg+xml">
44
45
46<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
47
48
49<link rel="icon" type="image/png" sizes="192x192" href="/favicon/web-app-manifest-192x192.png">
50<link rel="icon" type="image/png" sizes="512x512" href="/favicon/web-app-manifest-512x512.png">
51
52
53<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
54
55
56<meta name="theme-color" content="#6366f1">
57<meta name="theme-color" media="(prefers-color-scheme: light)" content="#6366f1">
58<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1e293b">
59
60
61<link rel="manifest" href="/favicon/site.webmanifest">
62
63
64<script>
65    window.dataLayer = window.dataLayer || [];
66    function gtag(){dataLayer.push(arguments);}
67    gtag('consent', 'default', {
68        'analytics_storage':  'denied',
69        'ad_storage':         'denied',
70        'ad_user_data':       'denied',
71        'ad_personalization': 'denied',
72        'wait_for_update':    500
73    });
74</script>
74
75
76
77<link rel="preconnect" href="https://fonts.bunny.net">
78<link rel="dns-prefetch" href="https://fonts.bunny.net">
79
80
81<link href="https://fonts.bunny.net/css?family=plus-jakarta-sans:400,500,600,700,800" rel="stylesheet" />
82
83
84
85
86
87<link rel="preload" as="style" href="https://freece.de/build/assets/app-tGovnCry.css" /><link rel="modulepreload" as="script" href="https://freece.de/build/assets/app-Dej02awo.js" /><link rel="stylesheet" href="https://freece.de/build/assets/app-tGovnCry.css" data-navigate-track="reload" />
87<script type="module" src="https://freece.de/build/assets/app-Dej02awo.js" data-navigate-track="reload"></script>
87    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
88    <style>
89    :root.dark {
90        color-scheme: dark;
91    }
92</style>
93<script>
94    window.Flux = {
95        applyAppearance (appearance) {
96            let applyDark = () => document.documentElement.classList.add('dark')
97            let applyLight = () => document.documentElement.classList.remove('dark')
98
99            if (appearance === 'system') {
100                let media = window.matchMedia('(prefers-color-scheme: dark)')
101
102                window.localStorage.removeItem('flux.appearance')
103
104                media.matches ? applyDark() : applyLight()
105            } else if (appearance === 'dark') {
106                window.localStorage.setItem('flux.appearance', 'dark')
107
108                applyDark()
109            } else if (appearance === 'light') {
110                window.localStorage.setItem('flux.appearance', 'light')
111
112                applyLight()
113            }
114        }
115    }
116
117    window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system')
118</script>
118
119    <!-- Cookie Consent -->
119<script src="https://freece.de/cookie-consent/script?id=335bd717ea5eadbfaec7b0f043b6701b" defer></script>
119    
119<script>
120        var _paq = window._paq = window._paq || [];
121        _paq.push(['setTrackerUrl', "https:\/\/freece.de\/stats\/matomo.php"]);
122        _paq.push(['setSiteId', "1"]);
123                    _paq.push(['setCookieDomain', ".freece.de"]);
124                            _paq.push(['setSecureCookie', true]);
125                _paq.push(['requireCookieConsent']);
126                _paq.push(['trackPageView']);
127        _paq.push(['enableLinkTracking']);
128    </script>
128
129    
129<script defer src="https://freece.de/stats/matomo.js"></script>
129
130    <link rel="stylesheet" href="https://freece.de/css/landing-1klick-angebotsgenerator.css" />
131    <style>
132        /* lp-1k global section helpers */
133        html.dark  .lp-1k .w-bg-overlay { background: radial-gradient(ellipse 90% 55% at 50% -10%, rgba(99,102,241,.15), transparent) !important; }
134        html:not(.dark) .lp-1k .w-bg-overlay { background: linear-gradient(135deg, rgba(99,102,241,.07) 0%, transparent 70%) !important; }
135        .lp-1k section { border-color: var(--border) !important; }
136        .lp-1k .w-sec-alt { background: var(--bg2) !important; }
137        .lp-1k .w-sec-main { background: var(--bg) !important; }
138        html.dark  .lp-1k .w-panel { background: var(--panel) !important; border-color: var(--border) !important; }
139        html:not(.dark) .lp-1k .w-panel { background: var(--bg2) !important; border-color: var(--border) !important; }
140        html.dark .lp-1k [class~="dark:bg-slate-800"]  { background: var(--panel) !important; border-color: var(--border) !important; }
141        html.dark .lp-1k [class~="dark:bg-slate-900"]  { background: var(--bg2)   !important; }
142        html.dark .lp-1k [class~="dark:bg-slate-950"]  { background: var(--bg)    !important; }
143        html.dark .lp-1k [class~="dark:bg-indigo-900\/60"] { background: rgba(99,102,241,.18) !important; }
144        html.dark .lp-1k [class~="dark:bg-indigo-900\/30"] { background: rgba(99,102,241,.12) !important; }
145        html.dark .lp-1k .w-stat-card { background: var(--bg2) !important; }
146    </style>
147</head>
148<body class="min-h-screen antialiased bg-[#f4f6fb] dark:bg-[#0b0d12]">
149    <header class="[grid-area:header] z-10 min-h-14 flex items-center px-6 lg:px-8 border-b border-zinc-200 bg-white/80 backdrop-blur-md dark:bg-slate-900/80 dark:border-slate-700 z-50" x-data="" x-bind:style="{ position: &#039;sticky&#039;, top: $el.offsetTop + &#039;px&#039;, &#039;max-height&#039;: &#039;calc(100vh - &#039; + $el.offsetTop + &#039;px)&#039; }" data-flux-header>
150            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-0 flex items-center w-full">
151            <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      shrink-0 lg:hidden me-2" data-flux-button="data-flux-button" x-data="" x-on:click="$dispatch('flux-sidebar-toggle')" aria-label="Menü öffnen" data-flux-sidebar-toggle="data-flux-sidebar-toggle">
152        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
153  <path fill-rule="evenodd" d="M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75ZM2 10a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 10Zm0 5.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
154</svg>
155    </button>
156
157            <a href="https://freece.de" class="me-5 flex items-center space-x-2 rtl:space-x-reverse" wire:navigate>
158                <div class="h-8">
159                    <img
160                        src="https://freece.de/img/f-logo-dark.svg"
161                        alt="freece.de Logo - Software für Freelancer für Projektverwaltung, Zeiterfassung und Rechnungen"
162                        class="h-8 w-auto dark:hidden"
163                    >
164                    <img
165                        src="https://freece.de/img/f-logo-light.svg"
166                        alt="freece.de Logo - All-in-One Software für Freelancer für Projektmanagement und Rechnungsstellung"
167                        class="h-8 w-auto hidden dark:block"
168                    >
169                </div>
170            </a>
171
172            <nav class="flex items-center gap-1 py-3  -mb-px max-lg:hidden gap-x-6 lg:gap-x-8 ms-6 lg:ms-10" data-flux-navbar>
173    <a href="https://freece.de/features" class="px-3 h-8 flex items-center rounded-lg relative px-2.5! text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items" wire:navigate="">
174        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Features</div>
175    </a>
176                <a href="https://freece.de/preise" class="px-3 h-8 flex items-center rounded-lg relative px-2.5! text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items" wire:navigate="">
177        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Preise</div>
178    </a>
179                <a href="https://freece.de/blog" data-current="data-current" class="px-3 h-8 flex items-center rounded-lg relative px-2.5! text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items" wire:navigate="">
180        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Blog</div>
181    </a>
182                <a href="https://freece.de/faq" class="px-3 h-8 flex items-center rounded-lg relative px-2.5! text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items" wire:navigate="">
183        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>FAQ</div>
184    </a>
185                <a href="https://freece.de/kontakt" class="px-3 h-8 flex items-center rounded-lg relative px-2.5! text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items" wire:navigate="">
186        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>
186Kontakt</div>
187    </a>
188                <a href="https://freece.de/about" class="px-3 h-8 flex items-center rounded-lg relative px-2.5! text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items" wire:navigate="">
189        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Über uns</div>
190    </a>
191                <a href="https://freece.de/download" class="px-3 h-8 flex items-center rounded-lg relative px-2.5! text-zinc-500 dark:text-white/80  data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px] [--hover-fill:color-mix(in_oklab,_var(--color-accent-content),_transparent_90%)] hover:text-zinc-800 dark:hover:text-white data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) hover:bg-zinc-800/5 dark:hover:bg-white/10 hover:data-current:bg-(--hover-fill) data-current:after:bg-(--color-accent-content)" data-flux-navbar-items="data-flux-navbar-items" wire:navigate="">
192        <div class=" flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Download</div>
193    </a>
194</nav>
195
196            <div class="flex-1" data-flux-spacer></div>
197
198            <nav class="flex items-center gap-1 py-3  me-1.5 space-x-0.5 rtl:space-x-reverse py-0!" data-flux-navbar>
199    <ui-tooltip position="bottom center"  data-flux-tooltip >
200        <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      !h-10 [&>div>svg]:size-5 !text-gray-400" data-flux-button="data-flux-button" x-cloak="x-cloak" x-data="" x-on:click="$flux.dark = ! $flux.dark" x-show="$flux.appearance === 'light'" aria-label="Dark Mode">
201        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
202  <path fill-rule="evenodd" d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z" clip-rule="evenodd"/>
203</svg>
204    </button>
205
206                    <div popover="manual" class="relative py-2 px-2.5 rounded-md text-xs text-white font-medium bg-zinc-800 dark:bg-zinc-700 dark:border dark:border-white/10 p-0 overflow-visible" data-flux-tooltip-content>
207    Dark Mode umschalten
208
209    </div>
210            </ui-tooltip>
211                <ui-tooltip position="bottom center"  data-flux-tooltip >
212        <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      !h-10 [&>div>svg]:size-5 !text-gray-400" data-flux-button="data-flux-button" x-cloak="x-cloak" x-data="" x-on:click="$flux.dark = ! $flux.dark" x-show="$flux.appearance === 'dark'" aria-label="Light Mode">
213        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
214  <path d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.
214061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/>
215</svg>
216    </button>
217
218                    <div popover="manual" class="relative py-2 px-2.5 rounded-md text-xs text-white font-medium bg-zinc-800 dark:bg-zinc-700 dark:border dark:border-white/10 p-0 overflow-visible" data-flux-tooltip-content>
219    Light Mode umschalten
220
221    </div>
222            </ui-tooltip>
223                <ui-tooltip position="bottom center"  data-flux-tooltip >
224        <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      !h-10 [&>div>svg]:size-5 !text-gray-400" data-flux-button="data-flux-button" x-cloak="x-cloak" x-data="" x-on:click="$flux.dark = ! $flux.dark" x-show="$flux.appearance === 'system' && $flux.dark" aria-label="Dark Mode">
225        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
226  <path d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/>
227</svg>
228    </button>
229
230                    <div popover="manual" class="relative py-2 px-2.5 rounded-md text-xs text-white font-medium bg-zinc-800 dark:bg-zinc-700 dark:border dark:border-white/10 p-0 overflow-visible" data-flux-tooltip-content>
231    Dark Mode umschalten
232
233    </div>
234            </ui-tooltip>
235                <ui-tooltip position="bottom center"  data-flux-tooltip >
236        <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      !h-10 [&>div>svg]:size-5 !text-gray-400" data-flux-button="data-flux-button" x-cloak="x-cloak" x-data="" x-on:click="$flux.dark = ! $flux.dark" x-show="$flux.appearance === 'system' && ! $flux.dark" aria-label="Light Mode">
237        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
238  <path fill-rule="evenodd" d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z" clip-rule="evenodd"/>
239</svg>
240    </button>
241
242                    <div popover="manual" class="relative py-2 px-2.5 rounded-md text-xs text-white font-medium bg-zinc-800 dark:bg-zinc-700 dark:border dark:border-white/10 p-0 overflow-visible" data-flux-tooltip-content>
243    Light Mode umschalten
244
245    </div>
246            </ui-tooltip>
247</nav>
248
249            <div class="hidden lg:flex items-center gap-2 ms-4">
250                                                            <a href="https://app.freece.de/login" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md px-3 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px]" data-flux-group-target="data-flux-group-target">
251        Anmelden
252    </a>
253                        <a href="https://app.freece.de/register" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md px-3 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]   bg-indigo-600 hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600" data-flux-group-target="data-flux-group-target">
254        Registrieren
255    </a>
256                                                </div>
257        </div>
258    </header>
259
260    <ui-sidebar-toggle class="z-20 fixed inset-0 bg-black/10 hidden data-flux-sidebar-on-mobile:not-data-flux-sidebar-collapsed-mobile:block" data-flux-sidebar-backdrop></ui-sidebar-toggle>
261
262<ui-sidebar
263    class="[grid-area:sidebar] z-1 flex flex-col gap-4 [:where(&amp;)]:w-64 p-4 data-flux-sidebar-collapsed-desktop:w-14 data-flux-sidebar-collapsed-desktop:px-2 data-flux-sidebar-collapsed-desktop:cursor-e-resize rtl:data-flux-sidebar-collapsed-desktop:cursor-w-resize max-lg:data-flux-sidebar-cloak:hidden data-flux-sidebar-on-mobile:data-flux-sidebar-collapsed-mobile:-translate-x-full data-flux-sidebar-on-mobile:data-flux-sidebar-collapsed-mobile:rtl:translate-x-full z-20! data-flux-sidebar-on-mobile:start-0! data-flux-sidebar-on-mobile:fixed! data-flux-sidebar-on-mobile:top-0! data-flux-sidebar-on-mobile:min-h-dvh! data-flux-sidebar-on-mobile:max-h-dvh! max-h-dvh overflow-y-auto overscroll-contain lg:hidden border-e border-zinc-200 bg-zinc-50 dark:bg-zinc-900 dark:border-zinc-700" x-init="$el.classList.add(&#039;transition-transform&#039;)"
264     collapsible="mobile"      stashable      sticky     x-data
265    data-flux-sidebar-cloak
266    data-flux-sidebar
267>
268    <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      shrink-0 lg:hidden" data-flux-button="data-flux-button" x-data="" x-on:click="$dispatch('flux-sidebar-toggle')" aria-label="Menü schließen" data-flux-sidebar-toggle="data-flux-sidebar-toggle">
269        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
270  <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
271</svg>
272    </button>
273
274        <nav class="flex flex-col overflow-visible min-h-auto" data-flux-navlist>
275    <div class="block space-y-[2px] grid">
276    <div class="px-1 py-2">
277        <div class="text-xs leading-none text-zinc-400">Navigation</div>
278    </div>
279
280    <div>
281        <a href="https://freece.de/features" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" wire:navigate="">
282        <div class="relative">
283                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
284  <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09
284L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"/>
285</svg>
286
287                    
288                    </div>
289    
290            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Features</div>
291    </a>
292                <a href="https://freece.de/preise" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" wire:navigate="">
293        <div class="relative">
294                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
295  <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 7.756a4.5 4.5 0 1 0 0 8.488M7.5 10.5h5.25m-5.25 3h5.25M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
296</svg>
297
298                    
299                    </div>
300    
301            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Preise</div>
302    </a>
303                <a href="https://freece.de/blog" data-current="data-current" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" wire:navigate="">
304        <div class="relative">
305                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
306  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
307</svg>
308
309                    
310                    </div>
311    
312            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Blog</div>
313    </a>
314                <a href="https://freece.de/faq" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" wire:navigate="">
315        <div class="relative">
316                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
317  <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"/>
318</svg>
319
320                    
321                    </div>
322    
323            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>FAQ</div>
324    </a>
325                <a href="https://freece.de/kontakt" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" wire:navigate="">
326        <div class="relative">
327                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
328  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/>
329</svg>
330
331                    
332                    </div>
333    
334            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>
334Kontakt</div>
335    </a>
336                <a href="https://freece.de/about" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" wire:navigate="">
337        <div class="relative">
338                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
339  <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"/>
340</svg>
341
342                    
343                    </div>
344    
345            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Über uns</div>
346    </a>
347                <a href="https://freece.de/download" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" wire:navigate="">
348        <div class="relative">
349                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
350  <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"/>
351</svg>
352
353                    
354                    </div>
355    
356            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Download</div>
357    </a>
358                <a href="https://freece.de/freelancer-stundensatz-rechner" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5  border border-transparent" data-flux-navlist-item="data-flux-navlist-item" wire:navigate="">
359        <div class="relative">
360                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
361  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V13.5Zm0 2.25h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V18Zm2.498-6.75h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V13.5Zm0 2.25h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V18Zm2.504-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5Zm0 2.25h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V18Zm2.498-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5ZM8.25 6h7.5v2.25h-7.5V6ZM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 0 0 2.25 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0 0 12 2.25Z"/>
362</svg>
363
364                    
365                    </div>
366    
367            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Stundensatz Rechner</div>
368    </a>
369    </div>
370</div>
371</nav>
372
373        <div class="flex-1" data-flux-spacer></div>
374
375        <div class="px-4 py-3 border-t border-zinc-200 dark:border-zinc-700 flex items-center justify-between">
376            <span class="text-sm font-medium text-zinc-700 dark:text-zinc-300">Darstellung</span>
377            <div class="flex items-center gap-1" x-data>
378                <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      !h-10 [&>div>svg]:size-5 !text-gray-400" data-flux-button="data-flux-button" x-cloak="x-cloak" x-on:click="$flux.dark = ! $flux.dark" x-show="$flux.appearance === 'light'" aria-label="Dark Mode">
379        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
380  <path fill-rule="evenodd" d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z" clip-rule="evenodd"/>
381</svg>
382    </button>
383                <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      !h-10 [&>div>svg]:size-5 !text-gray-400" data-flux-button="data-flux-button" x-cloak="x-cloak" x-on:click="$flux.dark = ! $flux.dark" x-show="$flux.appearance === 'dark'" aria-label="Light Mode">
384        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
385  <path d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/>
386</svg>
387    </button>
388                <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      !h-10 [&>div>svg]:size-5 !text-gray-400" data-flux-button="data-flux-button" x-cloak="x-cloak" x-on:click="$flux.dark = ! $flux.dark" x-show="$flux.appearance === 'system' && $flux.dark" aria-label="Dark Mode">
389        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
390  <path d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z"/>
391</svg>
392    </button>
393                <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg w-10 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      !h-10 [&>div>svg]:size-5 !text-gray-400" data-flux-button="data-flux-button" x-cloak="x-cloak" x-on:click="$flux.dark = ! $flux.dark" x-show="$flux.appearance === 'system' && ! $flux.dark" aria-label="Light Mode">
394        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
395  <path fill-rule="evenodd" d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z" clip-rule="evenodd"/>
396</svg>
397    </button>
398            </div>
399        </div>
400
401        <div class="p-4 space-y-3 border-t border-zinc-200 dark:border-zinc-700">
402                                                <a href="https://app.freece.de/login" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md px-3 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px]   w-full" data-flux-group-target="data-flux-group-target">
403        Anmelden
404    </a>
405                    <a href="https://app.freece.de/register" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md px-3 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]   w-full bg-indigo-600 hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600" data-flux-group-target="data-flux-group-target">
406        Registrieren
407    </a>
408                                    </div>
409</ui-sidebar>
410
411    <div class="lp-1k">
412    <section class="relative py-20 px-4 sm:px-6 lg:px-8 overflow-hidden">
413        <div class="w-bg-overlay absolute inset-0 bg-gradient-to-br from-indigo-100/70 via-trans
413parent to-transparent dark:from-transparent" aria-hidden="true"></div>
414        
415        <div class="relative z-10 max-w-7xl mx-auto">
416            <div class="text-center mb-16">
417                <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 dark:text-white mb-4">
418                    Blog
419                </h1>
420                <p class="text-xl md:text-2xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto font-light">
421                    Tipps, News und Updates für Freelancer
422                </p>
423            </div>
424
425                            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12 items-stretch">
426                                            <a href="https://freece.de/blog/lead-aus-email-anlegen-freece" class="block h-full">
427                            <article class="group bg-white dark:bg-slate-800 rounded-2xl border-2 border-indigo-200 dark:border-indigo-700 overflow-hidden hover:shadow-2xl hover:border-indigo-400 dark:hover:border-indigo-500 transition-all transform hover:-translate-y-2 cursor-pointer h-full flex flex-col">
428                                <div class="relative h-48 bg-gradient-to-br from-indigo-500 to-indigo-700 dark:from-indigo-600 dark:to-indigo-800 overflow-hidden flex-shrink-0">
429                                                                            <img src="https://freece.de/storage/media/pItMhyOyCrUocNvs3eU5q4JREWEA6oV61NsVGe6O.png" alt="Keine Leads mehr vergessen" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300">
430                                                                        <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
431                                </div>
432                                <div class="p-6 flex flex-col flex-grow">
433                                    <time class="text-sm text-gray-500 dark:text-gray-400 mb-2 block">
434                                        20.04.2026
435                                    </time>
436                                    <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-3 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors">
437                                         Lead aus E-Mail anlegen in freece: Anfragen in Sekunden erfassen
438                                    </h2>
439                                                                            <p class="text-gray-600 dark:text-gray-300 mb-4 line-clamp-3 flex-grow">
440                                            Eine neue Anfrage kommt per E-Mail rein – und mit einem Klick ist sie als Lead in freece erfasst. Dieses Tutorial zeigt den kompletten Ablauf: von der eingehenden E-Mail bis zum konvertierten Kunden.
441                                        </p>
442                                                                        <div class="inline-flex items-center text-indigo-600 dark:text-indigo-400 font-semibold group-hover:text-indigo-700 dark:group-hover:text-indigo-300 transition-colors mt-auto">
443                                        Weiterlesen
444                                        <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
445                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
446                                        </svg>
447                                    </div>
448                                </div>
449                            </article>
450                        </a>
451                                            <a href="https://freece.de/blog/projektordner-automatisch-erstellen-mac-kurzbefehle-freece" class="block h-full">
452                            <article class="group bg-white dark:bg-slate-800 rounded-2xl border-2 border-indigo-200 dark:border-indigo-700 overflow-hidden hover:shadow-2xl hover:border-indigo-400 dark:hover:border-indigo-500 transition-all transform hover:-translate-y-2 cursor-pointer h-full flex flex-col">
453                                <div class="relative h-48 bg-gradient-to-br from-indigo-500 to-indigo-700 dark:from-indigo-600 dark:to-indigo-800 overflow-hidden flex-shrink-0">
454                                                                            <img src="https://freece.de/storage/media/J69i5lUDFeeubTyUHmhVubRvGHqYj8vZM0pdIxPP.png" alt="Projektordner automatisch erstellen auf dem Mac" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300">
455                                                                        <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
456                                </div>
457                                <div class="p-6 flex flex-col flex-grow">
458                                    <time class="text-sm text-gray-500 dark:text-gray-400 mb-2 block">
459                                        17.04.2026
460                                    </time>
461                                    <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-3 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors">
462                                        Projektordner automatisch erstellen auf dem Mac: So geht&#039;s mit freece und macOS Kurzbefehlen
463                                    </h2>
464                                                                            <p class="text-gray-600 dark:text-gray-300 mb-4 line-clamp-3 flex-grow">
465                                            Projekt in freece anlegen, Jobnummer kopieren, Rechtsklick im Finder – und der komplette Projektordner mit allen Unterordnern ist da. Dieses Tutorial zeigt Schritt für Schritt, wie du mit der macOS Kurzbefehle-App eine Schnellaktion baust, die genau das erledigt.
466                                        </p>
467                                                                        <div class="inline-flex items-center text-indigo-600 dark:text-indigo-400 font-semibold group-hover:text-indigo-700 dark:group-hover:text-indigo-300 transition-colors mt-auto">
468                                        Weiterlesen
469                                        <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
470                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
471                                        </svg>
472                                    </div>
473                                </div>
474                            </article>
475                        </a>
476                                            <a href="https://freece.de/blog/freelancer-software-arbeitserleichterungen-freece" class="block h-full">
477                            <article class="group bg-white dark:bg-slate-800 rounded-2xl border-2 border-indigo-200 dark:border-indigo-700 overflow-hidden hover:shadow-2xl hover:border-indigo-400 dark:hover:border-indigo-500 transition-all transform hover:-translate-y-2 cursor-pointer h-full flex flex-col">
478                                <div class="relative h-48 bg-gradient-to-br from-indigo-500 to-indigo-700 dark:from-indigo-600 dark:to-indigo-800 overflow-hidden flex-shrink-0">
479                                                                            <img src="https://freece.de/storage/media/C3bSHijC6SHu03gCVeff2LEnQbwZKg3YZnFLnc1O.png" alt="Weniger Kleinkram, mehr echte Arbeit: was freece für Freelancer erledigt" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300">
480                                                                        <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
481                                </div>
482                                <div class="p-6 flex flex-col flex-grow">
483                                    <time class="text-sm text-gray-500 dark:text-gray-400 mb-2 block">
484                                        17.04.2026
485                                    </time>
486                                    <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-3 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors">
487                                        Weniger Kleinkram, mehr echte Arbeit: was freece für Freelancer erledigt
488                                    </h2>
489                                                                            <p class="text-gray-600 dark:text-gray-300 mb-4 line-clamp-3 flex-grow">
490                                            Freelancer sein heißt nicht nur arbeiten – es heißt verwalten, nachfassen, tippen, klicken, wechseln. freece.de nimmt dir genau diesen Teil ab. Welche Features und Shortcuts wirklich den 
490Unterschied machen – und warum du sie wahrscheinlich noch nicht kennst.
491                                        </p>
492                                                                        <div class="inline-flex items-center text-indigo-600 dark:text-indigo-400 font-semibold group-hover:text-indigo-700 dark:group-hover:text-indigo-300 transition-colors mt-auto">
493                                        Weiterlesen
494                                        <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
495                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
496                                        </svg>
497                                    </div>
498                                </div>
499                            </article>
500                        </a>
501                                            <a href="https://freece.de/blog/angebot-erstellen-freelancer-kva-generator" class="block h-full">
502                            <article class="group bg-white dark:bg-slate-800 rounded-2xl border-2 border-indigo-200 dark:border-indigo-700 overflow-hidden hover:shadow-2xl hover:border-indigo-400 dark:hover:border-indigo-500 transition-all transform hover:-translate-y-2 cursor-pointer h-full flex flex-col">
503                                <div class="relative h-48 bg-gradient-to-br from-indigo-500 to-indigo-700 dark:from-indigo-600 dark:to-indigo-800 overflow-hidden flex-shrink-0">
504                                                                            <img src="https://freece.de/storage/media/6TB3ZHdaO62cksEt4E7EEUWzQSgyr8lBtN1OJidp.png" alt="Angebot erstellen als Freelancer: So sparst du Stunden – mit einem Klick" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300">
505                                                                        <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
506                                </div>
507                                <div class="p-6 flex flex-col flex-grow">
508                                    <time class="text-sm text-gray-500 dark:text-gray-400 mb-2 block">
509                                        17.04.2026
510                                    </time>
511                                    <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-3 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors">
512                                        Angebot erstellen als Freelancer: So sparst du Stunden – mit einem Klick
513                                    </h2>
514                                                                            <p class="text-gray-600 dark:text-gray-300 mb-4 line-clamp-3 flex-grow">
515                                            Als Freelancer kostet jedes Angebot wertvolle Zeit. Der Angebotsgenerator von freece.de erstellt dir aus der Kunden-E-Mail einen strukturierten Entwurf mit Leistungspositionen und Preisen – mit einem einzigen Klick.
516                                        </p>
517                                                                        <div class="inline-flex items-center text-indigo-600 dark:text-indigo-400 font-semibold group-hover:text-indigo-700 dark:group-hover:text-indigo-300 transition-colors mt-auto">
518                                        Weiterlesen
519                                        <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
520                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
521                                        </svg>
522                                    </div>
523                                </div>
524                            </article>
525                        </a>
526                                            <a href="https://freece.de/blog/die-einzige-software-die-du-als-freelancer-noch-brauchst-keine-andere" class="block h-full">
527                            <article class="group bg-white dark:bg-slate-800 rounded-2xl border-2 border-indigo-200 dark:border-indigo-700 overflow-hidden hover:shadow-2xl hover:border-indigo-400 dark:hover:border-indigo-500 transition-all transform hover:-translate-y-2 cursor-pointer h-full flex flex-col">
528                                <div class="relative h-48 bg-gradient-to-br from-indigo-500 to-indigo-700 dark:from-indigo-600 dark:to-indigo-800 overflow-hidden flex-shrink-0">
529                                                                            <img src="https://freece.de/storage/media/
529oCSRnJCr6ZZG86RZENSZNLqUAvZgphs1PYIpGPko.png" alt="Die einzige Software, die du als Freelancer noch brauchst. Keine andere." class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300">
530                                                                        <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
531                                </div>
532                                <div class="p-6 flex flex-col flex-grow">
533                                    <time class="text-sm text-gray-500 dark:text-gray-400 mb-2 block">
534                                        24.03.2026
535                                    </time>
536                                    <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-3 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors">
537                                        Die einzige Software, die du als Freelancer noch brauchst. Keine andere.
538                                    </h2>
539                                                                            <p class="text-gray-600 dark:text-gray-300 mb-4 line-clamp-3 flex-grow">
540                                            Die Freelancer-Software freece.de verlässt die Beta: Projektverwaltung, Zeiterfassung, E-Rechnungen und KI – alles in einer Plattform.
541                                        </p>
542                                                                        <div class="inline-flex items-center text-indigo-600 dark:text-indigo-400 font-semibold group-hover:text-indigo-700 dark:group-hover:text-indigo-300 transition-colors mt-auto">
543                                        Weiterlesen
544                                        <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
545                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
546                                        </svg>
547                                    </div>
548                                </div>
549                            </article>
550                        </a>
551                                            <a href="https://freece.de/blog/was-ist-freece-all-in-one-freelancer-software" class="block h-full">
552                            <article class="group bg-white dark:bg-slate-800 rounded-2xl border-2 border-indigo-200 dark:border-indigo-700 overflow-hidden hover:shadow-2xl hover:border-indigo-400 dark:hover:border-indigo-500 transition-all transform hover:-translate-y-2 cursor-pointer h-full flex flex-col">
553                                <div class="relative h-48 bg-gradient-to-br from-indigo-500 to-indigo-700 dark:from-indigo-600 dark:to-indigo-800 overflow-hidden flex-shrink-0">
554                                                                            <img src="https://freece.de/storage/media/WQLhOTiR4ZdhniGsCHQzoQkLPGMmpgMSzr3IevSW.jpg" alt="Freelancerin bei der Arbeit" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300">
555                                                                        <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
556                                </div>
557                                <div class="p-6 flex flex-col flex-grow">
558                                    <time class="text-sm text-gray-500 dark:text-gray-400 mb-2 block">
559                                        03.02.2026
560                                    </time>
561                                    <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-3 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors">
562                                        Was ist freece? Die All-in-One Software für Freelancer – einfach erklärt
563                                    </h2>
564                                                                            <p class="text-gray-600 dark:text-gray-300 mb-4 line-clamp-3 flex-grow">
565                                            freece ist die All-in-One Software für Freelancer – Projektverwaltung, Zeiterfassung, Rechnungen, Kundenverwaltung und mehr in einer Plattform. Was dahintersteckt, woher der Name kommt, wer dahinter steckt und warum es sich von anderen Tools unter
565scheidet.
566                                        </p>
567                                                                        <div class="inline-flex items-center text-indigo-600 dark:text-indigo-400 font-semibold group-hover:text-indigo-700 dark:group-hover:text-indigo-300 transition-colors mt-auto">
568                                        Weiterlesen
569                                        <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
570                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
571                                        </svg>
572                                    </div>
573                                </div>
574                            </article>
575                        </a>
576                                    </div>
577
578                <div class="flex justify-center">
579                    
580                </div>
581                    </div>
582    </section>
583    </div>
584
585            <footer id="contact" class="bg-gray-900 dark:bg-slate-950 text-gray-300 dark:text-gray-400 py-16 px-4 sm:px-6 lg:px-8 scroll-mt-20">
586    <div class="max-w-7xl mx-auto">
587        <div class="mb-12 rounded-2xl border-2 border-indigo-500/60 bg-gradient-to-br from-indigo-950/90 via-slate-900 to-indigo-950/80 p-6 sm:p-8 shadow-xl shadow-indigo-950/50 ring-1 ring-indigo-400/20">
588            <div class="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
589                <div class="max-w-2xl">
590                    <p class="text-xs font-semibold uppercase tracking-wider text-indigo-300 mb-2">Support</p>
591                    <h3 class="text-2xl sm:text-3xl font-bold text-white mb-2">Hilfebereich</h3>
592                    <p class="text-base text-gray-300 leading-relaxed">
593                        Anleitungen, Schritt-für-Schritt-Hilfe und Antworten auf häufige Fragen – alles auf <span class="text-white font-medium">help.freece.de</span>.
594                    </p>
595                </div>
596                <div class="shrink-0">
597                    <a
598                        href="https://help.freece.de"
599                        target="_blank"
600                        rel="noopener noreferrer"
601                        class="inline-flex w-full items-center justify-center gap-2 rounded-xl bg-indigo-500 px-6 py-3.5 text-base font-semibold text-white shadow-lg shadow-indigo-900/40 transition hover:bg-indigo-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-300 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 sm:w-auto"
602                    >
603                        Zum Hilfebereich
604                        <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
605                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
606                        </svg>
607                    </a>
608                </div>
609            </div>
610        </div>
611
612        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-8 mb-12">
613            <div class="lg:col-span-2">
614                <h3 class="text-2xl font-bold text-white mb-6">freece.de</h3>
615                <p class="text-base text-gray-300 dark:text-gray-400 mb-4 leading-relaxed">
616                    Die All-in-One Software für Freelancer für Projektverwaltung, Zeiterfassung, Rechnungssoftware und Kundenverwaltung. Die Komplettlösung für Selbstständige, Freelancer und Einzelunternehmer.
617                </p>
618                <p class="text-sm text-gray-400 dark:text-gray-500">
619                    Spare Zeit und Geld mit einer einzigen Freelancer-Plattform statt mehrerer Tools.
620                </p>
621            </div>
622            <div>
623                <h4 class="text-lg font-bold text-white mb-6">Navigation</h4>
624                <ul class="space-y-3">
625                    <li>
626                        <a href="https://help.freece.de" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-gray-300 dark:text-gray-400 hover:text-white font-medium">
627                            Hilfebereich
628                            <svg class="h-3.5 w-3.5 shrink-0 opacity-70" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
629                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
630                            </svg>
631                        </a>
632                    </li>
633                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/features" wire:navigate="" data-flux-link >Features</a></li>
634                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/preise" wire:navigate="" data-flux-link >Preise</a></li>
635                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#use-cases" data-flux-link >Anwendungsfälle</a></li>
636                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/faq" wire:navigate="" data-flux-link >FAQ</a></li>
637                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/kontakt" wire:navigate="" data-flux-link >Kontakt</a></li>
638                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/about" wire:navigate="" data-flux-link >Über uns</a></li>
639                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/download" wire:navigate="" data-flux-link >Zeiterfassung für Mac</a></li>
640                </ul>
641            </div>
642            <div>
643                <h4 class="text-lg font-bold text-white mb-6">Für wen</h4>
644                <ul class="space-y-3">
645                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#target-groups" data-flux-link >Webdesigner</a></li>
646                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#target-groups" data-flux-link >Entwickler</a></li>
647                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#target-groups" data-flux-link >Berater</a></li>
648                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#target-groups" data-flux-link >Coaches</a></li>
649                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#target-groups" data-flux-link >Selbstständige</a></li>
650                </ul>
651            </div>
652            <div>
653                <h4 class="text-lg font-bold text-white mb-6">Funktionen</h4>
654                <ul class="space-y-3">
655                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#features" data-flux-link >
655Projektverwaltung</a></li>
656                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#features" data-flux-link >Zeiterfassung</a></li>
657                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#features" data-flux-link >Rechnungssoftware</a></li>
658                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#features" data-flux-link >Kundenverwaltung</a></li>
659                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de#features" data-flux-link >E-Rechnungen</a></li>
660                </ul>
661            </div>
662            <div>
663                <h4 class="text-lg font-bold text-white mb-6">Kontakt</h4>
664                <ul class="space-y-3 text-base text-gray-400 dark:text-gray-500 mb-8">
665                    <li>
666                        <a href="https://help.freece.de" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-gray-300 dark:text-gray-400 hover:text-white">
667                            Hilfe und Anleitungen
668                            <svg class="h-3.5 w-3.5 shrink-0 opacity-70" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
669                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
670                            </svg>
671                        </a>
672                    </li>
673                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/kontakt" wire:navigate="" data-flux-link >Kontaktformular</a></li>
674                    <li>E-Mail: <a href="mailto:[email protected]" class="text-gray-300 dark:text-gray-400 hover:text-white">[email protected]</a></li>
675                </ul>
676                <h4 class="text-lg font-bold text-white mb-6">Rechtliches</h4>
677                <ul class="space-y-3">
678                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/impressum" wire:navigate="" data-flux-link >Impressum</a></li>
679                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/datenschutz" wire:navigate="" data-flux-link >Datenschutz</a></li>
680                    <li><a class="inline font-medium underline-offset-[6px] hover:decoration-current no-underline hover:underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] text-gray-300 dark:text-gray-400 hover:text-white" href="https://freece.de/agb" wire:navigate="" data-flux-link >AGB</a></li>
681                </ul>
682            </div>
683        </div>
684
685        
686        <div class="mb-12 pt-10 border-t border-gray-800 dark:border-gray-700">
687            <p class="text-center text-xs font-medium uppercase tracking-widest text-gray-500 dark:text-gray-500 mb-6">Vertrauen &amp; Compliance</p>
688            <div class="mx-auto grid max-w-4xl grid-cols-1 gap-4 sm:grid-cols-3">
689                <div class="flex gap-4 rounded-xl border border-gray-700/90 bg-gray-800/30 px-5 py-4 backdrop-blur-sm">
690                    <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border border-emerald-500/20 bg-emerald-500/10 text-emerald-400/90">
691                        <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" aria-hidden="true">
692                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"></path>
693                        </svg>
694                    </div>
695                    <div class="min-w-0">
696                        <p class="text-sm font-semibold text-white tracking-tight">DSGVO-konform</p>
697                        <p class="mt-1 text-xs leading-relaxed text-gray-500 dark:text-gray-400">Datenschutz und Verarbeitung nach EU-Vorgaben.</p>
698                    </div>
699                </div>
700                <div class="flex gap-4 rounded-xl border border-gray-700/90 bg-gray-800/30 px-5 py-4 backdrop-blur-sm">
701                    <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border border-gray-600/50 bg-gray-700/40 text-gray-300">
702                        <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" aria-hidden="true">
703                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125"></path>
704                        </svg>
705                    </div>
706                    <div class="min-w-0">
707                        <p class="text-sm font-semibold text-white tracking-tight">Hosted in Germany</p>
708                        <p class="mt-1 text-xs leading-relaxed text-gray-500 dark:text-gray-400">Hosting und Datenhaltung in Deutschland.</p>
709                    </div>
710                </div>
711                <div class="flex gap-4 rounded-xl border border-gray-700/90 bg-gray-800/30 px-5 py-4 backdrop-blur-sm">
712                    <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border border-gray-600/50 bg-gray-700/40 text-gray-300">
713                        <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="1.75" viewBox="0 0 24 24" aria-hidden="true">
714                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"></path>
715                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"></path>
716                        </svg>
717                    </div>
718                    <div class="min-w-0">
719                        <p class="text-sm font-semibold text-white tracking-tight">Made in Germany</p>
720                        <p class="mt-1 text-xs leading-relaxed text-gray-500 dark:text-gray-400">Entwickelt und betrieben mit Sitz in Deutschland.</p>
721                    </div>
722                </div>
723            </div>
724        </div>
725
726        
727                <div class="mb-12 pt-8 border-t border-gray-800 dark:border-gray-700">
728            <h4 class="text-sm font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wide mb-4 text-center">Software für Freelancer für:</h4>
729            <div class="flex flex-wrap justify-center items-center gap-x-3 gap-y-1 text-sm text-gray-400 dark:text-gray-500">
730                                                        <a href="https://freece.de/zeiterfassung-freelancer" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Zeiterfassung</a>
731                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/rechnungssoftware-freelancer" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Rechnungssoftware</a>
732                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/all-in-one-freelancer-software" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Projektübersicht</a>
733                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/all-in-one-freelancer-software" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">All-in-One Software</a>
734                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/zeiterfassung-freelancer" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Zeitmanagement</a>
735                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/rechnungssoftware-freelancer" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Rechnungsstellung</a>
736                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/software-fuer-freelancer" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Selbstständige</a>
737                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/software-fuer-freelancer" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Einzelunternehmer</a>
738                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/software-fuer-designer" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Webdesigner</a>
739                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/software-fuer-entwickler" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Entwickler</a>
740                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/software-fuer-freelancer" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Berater</a>
741                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/e-rechnung-freelancer" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">E-Rechnungen</a>
742                                    <span class="text-gray-600 dark:text-gray-600">•</span>                    <a href="https://freece.de/freelancer-stundensatz-rechner" wire:navigate class="hover:text-indigo-400 dark:hover:text-indigo-400 transition-colors">Stundensatz Rechner</a>
743                            </div>
744        </div>
745
746        <div class="pt-8 border-t border-gray-800 dark:border-gray-700">
747            <div class="text-center">
748                <div class="flex flex-col items-center gap-2 text-sm text-gray-400 dark:text-gray-500">
749                    <p>&copy; 2026 <span class="text-indigo-400 font-medium">freece.de</span>. Alle Rechte vorbehalten.</p>
750                    <p class="text-gray-300 dark:text-gray-400">Made with <span class="text-red-500">❤️</span> in Buchholz</p>
751                </div>
752            </div>
753        </div>
754    </div>
755</footer>
756    
757    
757<script src="/livewire/livewire.min.js?id=a1f2ce31"   data-csrf="dscVPwhw1AMH0ypVfeBCf7fhNifNwyucWouwtJIF" data-update-uri="/livewire/update" data-navigate-once="true"></script>
757
758    
758<script src="https://freece.de/flux/flux.min.js?id=1893633b" data-navigate-once></script>
758
759    <aside id="cookies-policy" class="cookies cookies--no-js" data-text="{&quot;more&quot;:&quot;Mehr Details&quot;,&quot;less&quot;:&quot;Weniger Details&quot;}">
760    <div class="cookies__alert">
761        <div class="cookies__container">
762            <div class="cookies__wrapper">
763                <h2 class="cookies__title">Wir nutzen Cookies</h2>
764                <div class="cookies__intro">
765                    <p>Diese Website verwendet Cookies, um die Benutzerfreundlichkeit zu verbessern.</p>
766                                            <p>Weitere Informationen, insbesondere zu Cookies, finden Sie in unserer <a href="https://freece.de/datenschutz">Datenschutzerklärung</a>.</p>
767                                    </div>
768                <div class="cookies__actions">
769                    <form action="https://freece.de/cookie-consent/accept-essentials" method="post" data-cookie-action="accept.essentials" class="cookiesBtn cookiesBtn--essentials">
770    <input type="hidden" name="_token" value="dscVPwhw1AMH0ypVfeBCf7fhNifNwyucWouwtJIF" autocomplete="off">    <button type="submit" class="cookiesBtn__link">
771        <span class="cookiesBtn__label">Nur notwendige</span>
772    </button>
773</form>
774                    <form action="https://freece.de/cookie-consent/accept-all" method="post" data-cookie-action="accept.all" class="cookiesBtn cookiesBtn--accept">
775    <input type="hidden" name="_token" value="dscVPwhw1AMH0ypVfeBCf7fhNifNwyucWouwtJIF" autocomplete="off">    <button type="submit" class="cookiesBtn__link">
776        <span class="cookiesBtn__label">Alles akzeptieren</span>
777    </button>
778</form>
779                </div>
780            </div>
781        </div>
782            <a href="#cookies-policy-customize" class="cookies__btn cookies__btn--customize">
783                <span>Anpassen</span>
784                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
785                    <path d="M14.7559 11.9782C15.0814 11.6527 15.0814 11.1251 14.7559 10.7996L10.5893 6.63297C10.433 6.47669 10.221 6.3889 10 6.38889C9.77899 6.38889 9.56703 6.47669 9.41075 6.63297L5.24408 10.7996C4.91864 11.1251 4.91864 11.6527 5.24408 11.9782C5.56951 12.3036 6.09715 12.3036 6.42259 11.9782L10 8.40074L13.5774 11.9782C13.9028 12.3036 14.4305 12.3036 14.7559 11.9782Z" fill="#2C2E30"/>
786                </svg>
787            </a>
788        <div class="cookies__expandable cookies__expandable--custom" id="cookies-policy-customize">
789            <form action="https://freece.de/cookie-consent/configure" method="post" class="cookies__customize">
790                <input type="hidden" name="_token" value="dscVPwhw1AMH0ypVfeBCf7fhNifNwyucWouwtJIF" autocomplete="off">                <div class="cookies__sections">
791                                        <div class="cookies__section">
792                        <label for="cookies-policy-check-essentials" class="cookies__category">
793                                                            <input type="hidden" name="categories[]" value="essentials" />
794                                <input type="checkbox" name="categories[]" value="essentials" id="cookies-policy-check-essentials" checked="checked" disabled="disabled" />
795                                                        <span class="cookies__box">
796                                <strong class="cookies__label">Notwendige Cookies</strong>
797                            </span>
798                                                            <p class="cookies__info">Es gibt einige Cookies, die wir einsetzen müssen, damit bestimmte Webseiten funktionieren. Aus diesem Grund benötigen sie nicht Ihre Zustimmung.</p>
799                                                    </label>
800
801                        <div class="cookies__expandable" id="cookies-policy-essentials">
802                            <ul class="cookies__definitions">
803                                                                <li class="cookies__cookie">
804                                    <p class="cookies__name">freecede_cookie_consent</p>
805                                    <p class="cookies__duration">4 Wochen</p>
806                                                                            <p class="cookies__description">Wird verwendet, um die Cookie-Einstellungen des Benutzers zu speichern.</p>
807                                                                    </li>
808                                                                <li class="cookies__cookie">
809                                    <p class="cookies__name">freecede_session</p>
810                                    <p class="cookies__duration">2 Stunden</p>
811                                                                            <p class="cookies__description">Dient zur Identifizierung der Browsing-Sitzung des Nutzers.</p>
812                                                                    </li>
813                                                                <li class="cookies__cookie">
814                                    <p class="cookies__name">XSRF-TOKEN</p>
815                                    <p class="cookies__duration">2 Stunden</p>
816                                                                            <p class="cookies__description">Wird verwendet, um sowohl den Nutzer als auch unsere Website gegen Cross-Site Request Forgery-Angriffe zu schützen.</p>
817                                                                    </li>
818                                                            </ul>
819                        </div>
820                        <a href="#cookies-policy-essentials" class="cookies__details">Mehr Details</a>
821                    </div>
822                                        <div class="cookies__section">
823                        <label for="cookies-policy-check-analytics" class="cookies__category">
824                                                            <input type="checkbox" name="categories[]" value="analytics" id="cookies-policy-check-analytics" />
825                                                        <span class="cookies__box">
826                                <strong class="cookies__label">Analyse Cookies</strong>
827                            </span>
828                                                            <p class="cookies__info">Diese Cookies helfen uns zu verstehen, wie Besucherinnen und Besucher unsere Website nutzen (z. B. Matomo, Google Analytics). Die Auswertung dient der Verbesserung unseres Angebots. Sie werden nur gesetzt, wenn Sie zustimmen.</p>
829                                                    </label>
830
831                        <div class="cookies__expandable" id="cookies-policy-analytics">
832                            <ul class="cookies__definitions">
833                                                                <li class="cookies__cookie">
834                                    <p class="cookies__name">_ga</p>
835                                    <p class="cookies__duration">1 Jahr</p>
836                                                                            <p class="cookies__description">Haupt-Cookie, das von Google Analytics verwendet wird und es dem Dienst ermöglicht, einen Besucher von einem anderen zu unterscheiden.</p>
837                                                                    </li>
838                                                                <li class="cookies__cookie">
839                                    <p class="cookies__name">_ga_XJBBKK4QGY</p>
840                                    <p class="cookies__duration">1 Jahr</p>
841                                                                            <p class="cookies__description">Wird von Google Analytics verwendet, um den Sitzungsstatus zu erhalten.</p>
842                                                                    </li>
843                                                                <li class="cookies__cookie">
844                                    <p class="cookies__name">_gid</p>
845                                    <p class="cookies__duration">1 Tag</p>
846                                                                            <p class="cookies__description">Wird von Google Analytics verwendet, um den Benutzer zu identifizieren.</p>
847                                                                    </li>
848                                                                <li class="cookies__cookie">
849                                    <p class="cookies__name">_gat</p>
850                                    <p class="cookies__duration">1 Minute</p>
851                                                                            <p class="cookies__description">Wird von Google Analytics verwendet, um die Abfragerate zu drosseln.</p>
852                                                                    </li>
853                                                                <li class="cookies__cookie">
854                                    <p class="cookies__name">_gcl_au</p>
855                                    <p class="cookies__duration">2 Monate</p>
856                                                                            <p class="cookies__description">Wird von Google (Tag Manager/Ads) für Conversion-Tracking und Zuordnung von Klicks zu Aktionen auf der Website gesetzt.</p>
857                                                                    </li>
858                                                                <li class="cookies__cookie">
859                                    <p class="cookies__name">_pk_id</p>
860                                    <p class="cookies__duration">12 Jahre</p>
861                                                                            <p class="cookies__description">Matomo: Besucherkennung (genauer Cookie-Name enthält Site-ID und Hash).</p>
862                                                                    </li>
863                                                                <li class="cookies__cookie">
864                                    <p class="cookies__name">_pk_ref</p>
865                                    <p class="cookies__duration">5 Monate</p>
866                                                                            <p class="cookies__description">Matomo: Herkunft des ersten Besuchs.</p>
867                                                                    </li>
868                                                                <li class="cookies__cookie">
869                                    <p class="cookies__name">_pk_ses</p>
870                                    <p class="cookies__duration">30 Minuten</p>
871                                                                            <p class="cookies__description">Matomo: Sitzungs-Cookie.</p>
872                                                                    </li>
873                                                            </ul>
874                        </div>
875                        <a href="#cookies-policy-analytics" class="cookies__details">Mehr Details</a>
876                    </div>
877                                    </div>
878                <div class="cookies__save">
879                    <button type="submit" class="cookiesBtn__link">Einstellungen speichern</button>
880                </div>
881            </form>
882        </div>
883    </div>
884</aside>
885
886
887
888<script data-cookie-consent>
889    (()=>{var e,t={148:()=>{var e=document.querySelector("#cookies-policy"),t=document.querySelector(".cookiereset");if(t&&t.addEventListener("submit",(function(e){return function(e){if(e.preventDefault(),document.querySelector("#cookies-policy"))return;window.LaravelCookieConsent.reset()}(e)})),e){var o=e.querySelector(".cookies__btn--customize"),n=e.querySelectorAll(".cookies__details"),i=e.querySelector(".cookiesBtn--accept"),r=e.querySelector(".cookiesBtn--essentials"),s=e.querySelector(".cookies__customize"),c=JSON.parse(e.getAttribute("data-text"));e.removeAttribute("data-text"),e.classList.remove("cookies--no-js"),e.classList.add("cookies--closing"),setTimeout((function(){e.classList.remove("cookies--closing")}),310);for(var u=0;u<n.length;u++)n[u].addEventListener("click",(function(e){return a(e,e.target,!1)}));o.addEventListener("click",(function(e){return a(e,o)})),i.addEventListener("submit",(function(e){return function(e){e.preventDefault(),window.LaravelCookieConsent.acceptAll(),l()}(e)})),r.addEventListener("submit",(function(e){return function(e){e.preventDefault(),window.LaravelCookieConsent.acceptEssentials(),l()}(e)})),s.addEventListener("submit",(function(e){return function(e){e.preventDefault(),window.LaravelCookieConsent.configure(new FormData(e.target)),l()}(e)})),window.addEventListener("resize",(function(t){window.innerHeight<=e.offsetHeight?e.querySelector(".cookies__sections").style.maxHeight="50vh":e.querySelector(".cookies__sections").removeAttribute("style")}))}function a(t,o){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];t.preventDefault(),t.target.blur();var i=e.querySelector(o.getAttribute("href")),r=i.firstElementChild.offsetHeight,s=i.classList.contains("cookies__expandable--open");i.setAttribute("style","height:"+(s?r:0)+"px"),function(e,t,o){if(e)return;o.target.textContent=t?c.more:c.less}(n,s,t),setTimeout((function(){i.classList.toggle("cookies__expandable--open"),i.setAttribute("style","height:"+(s?0:r)+"px"),setTimeout((function(){i.removeAttribute("style")}),310)}),10),function(t,o){if(!t)return;var n=e.querySelector(".cookies__container"),i=n.firstElementChild.offsetHeight;n.setAttribute("style","height:"+(o?0:i)+"px"),setTimeout(function(e){return function(){e.classList.toggle("cookies--show"),n.classList.toggle("cookies__container--hide"),n.setAttribute("style","height:"+(o?i:0)+"px"),setTimeout((function(){n.removeAttribute("style")}),320)}}(e),10)}(n,s)}function l(){e.classList.add("cookies--closing"),setTimeout(function(e){return function(){e.parentNode.querySelectorAll("[data-cookie-consent]").forEach((function(e){e.parentNode.removeChild(e)})),e.parentNode.removeChild(e)}}(e),210)}},985:()=>{}},o={};function n(e){var i=o[e];if(void 0!==i)return i.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.m=t,e=[],n.O=(t,o,i,r)=>{if(!o){var s=1/0;for(l=0;l<e.length;l++){for(var[o,i,r]=e[l],c=!0,u=0;u<o.length;u++)(!1&r||s>=r)&&Object.keys(n.O).every((e=>n.O[e](o[u])))?o.splice(u--,1):(c=!1,r<s&&(s=r));if(c){e.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}r=r||0;for(var l=e.length;l>0&&e[l-1][2]>r;l--)e[l]=e[l-1];e[l]=[o,i,r]},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={879:0,314:0};n.O.j=t=>0===e[t];var t=(t,o)=>{var i,r,[s,c,u]=o,a=0;if(s.some((t=>0!==e[t]))){for(i in c)n.o(c,i)&&(n.m[i]=c[i]);if(u)var l=u(n)}for(t&&t(o);a<s.length;a++)r=s[a],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(l)},o=self.webpackChunklaravel_cookie_consent=self.webpackChunklaravel_cookie_consent||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})(),n.O(void 0,[314],(()=>n(148)));var i=n.O(void 0,[314],(()=>n(985)));i=n.O(i)})();
890</script>
vendor: 1 bytes, line 890
890
891<script data-cookie-consent>
892(function () {
893    var modal = document.getElementById('cookies-policy');
894    if (!modal) return;
895
896    // Consent Mode v2 – fire explicit "denied" update when user rejects analytics.
897    function denyConsent() {
898        if (typeof gtag === 'function') {
899            gtag('consent', 'update', {
900                'analytics_storage':  'denied',
901                'ad_storage':         'denied',
902                'ad_user_data':       'denied',
903                'ad_personalization': 'denied'
904            });
905        }
906    }
907
908    // "Nur notwendige" button
909    var essBtn = modal.querySelector('.cookiesBtn--essentials');
910    if (essBtn) essBtn.closest('form').addEventListener('submit', denyConsent);
911
912    // Custom configure form – deny if analytics category is unchecked
913    var configForm = modal.querySelector('.cookies__customize');
914    if (configForm) {
915        configForm.addEventListener('submit', function () {
916            var analyticsChecked = configForm.querySelector('input[value="analytics"]:checked');
917            if (!analyticsChecked) denyConsent();
918        });
919    }
920}());
921</script>
921
922<style data-cookie-consent>
923    #cookies-policy.cookies{bottom:0;font-size:16px;max-height:100%;max-width:100%;overflow:auto;position:fixed;right:0;transition:transform .2s ease-out,opacity .2s ease-out;z-index:9999}#cookies-policy.cookies--closing{opacity:0;transform:translateY(10px)}#cookies-policy.cookies--show .cookies__btn--customize{border-bottom:1px solid #e7e8e9;border-top:none}#cookies-policy.cookies--show .cookies__btn svg{transform:rotate(180deg)}#cookies-policy.cookies--no-js .cookies__expandable:target,#cookies-policy.cookies--no-js .cookies__section .cookies__expandable{height:auto;opacity:1;transition:height .3s ease-out,opacity .3s ease-out;visibility:visible}#cookies-policy.cookies--no-js .cookies__details{display:none}#cookies-policy.cookies--no-js .cookies__sections{max-height:-moz-fit-content;max-height:fit-content}#cookies-policy.cookies--no-js svg{display:none}#cookies-policy .cookies__expandable{display:block;height:0;opacity:0;overflow:hidden;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .3s;visibility:hidden}#cookies-policy .cookies__expandable--open{height:auto;opacity:1;transition:height .3s ease-out,opacity .3s ease-out;visibility:visible}#cookies-policy .cookies__alert{background:#fff;border:1px solid #e7e8e9;border-radius:8px;box-shadow:0 12px 12px -8px rgba(0,0,0,.08),0 0 4px rgba(0,0,0,.04);margin:4%;max-height:90%;max-width:90%;width:22em}#cookies-policy .cookies__container{display:block;height:auto;opacity:1;overflow:hidden;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .1s;visibility:visible}#cookies-policy .cookies__container--hide{height:0;opacity:0;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .3s;visibility:hidden}#cookies-policy .cookies__wrapper{padding:1em 1.5em}#cookies-policy .cookies__title{color:#2c2e30;font-weight:700;line-height:1.4em;margin-bottom:.8em}#cookies-policy .cookies__intro{color:#2c2e30;font-size:.875em;font-weight:450;line-height:1.4em}#cookies-policy .cookies__intro p{margin-top:1em}#cookies-policy .cookies__intro p:first-child{margin-top:0}#cookies-policy .cookies__intro a{color:inherit;text-decoration:underline;transition:color .2s ease-out}#cookies-policy .cookies__intro a:focus,#cookies-policy .cookies__intro a:hover{color:#7959ef}#cookies-policy .cookies__actions{display:flex;flex-direction:column;gap:4px;justify-content:space-between;margin-top:1em}#cookies-policy .cookies__btn--customize{align-items:center;border-top:1px solid #e7e8e9;color:#2c2e30;display:flex;font-size:.875em;font-weight:600;justify-content:space-between;line-height:1em;padding:1.125em 24px;position:relative;text-decoration:none}#cookies-policy .cookies__btn svg{transition:transform .2s ease-out}#cookies-policy .cookies__sections{max-height:450px;overflow-y:scroll}#cookies-policy .cookies__section{padding:0 1.5em}#cookies-policy .cookies__section+.cookies__section{border-top:1px solid #eee}#cookies-policy .cookies__box,#cookies-policy .cookies__category{display:block;overflow:hidden;position:relative}#cookies-policy .cookies__category input{display:block;margin:0;padding:0;position:absolute;right:105%;top:0}#cookies-policy .cookies__box{cursor:pointer;line-height:1.4em;padding:1em 3em 1em 0}#cookies-policy .cookies__box:after,#cookies-policy .cookies__box:before{border-radius:1.4em;content:"";display:block;position:absolute;top:50%}#cookies-policy .cookies__box:after{background:#e7e8e9;height:1.4em;margin-top:-.7em;right:0;transition:background .2s ease-out,opacity .2s ease-out;width:2.5em;z-index:0}#cookies-policy .cookies__box:before{background:#fff;height:1em;margin-top:-.5em;right:.75em;transform:translateX(-.55em);transition:transform .2s ease-out;width:1em;z-index:1}#cookies-policy .cookies__category input:checked+.cookies__box:after{background:#7959ef;opacity:1}#cookies-policy .cookies__category input:disabled+.cookies__box:after{opacity:.6}#cookies-policy .cookies__category input:checked+.cookies__box:before{transform:translateX(.55em)}#cookies-policy .cookies__label{color:#2c2e30;font-size:.875em;font-weight:600}#cookies-policy .cookies__info{color:#2c2e30;font-size:.875em;font-weight:450;line-height:1.4em}#cookies-policy .cookies__details{color:#7959ef;display:block;font-size:.875em;margin:.625em 0 .9em;transition:color .2s ease-out}#cookies-policy .cookies__details:focus,#cookies-policy .cookies__details:hover{color:#7959ef}#cookies-policy .cookies__definitions{color:#676767;font-size:.875em;line-height:1.2em;padding-top:.8em}#cookies-policy .cookies__cookie+.cookies__cookie{margin-top:1em}#cookies-policy .cookies__name{color:#8a8e92;display:inline;font-weight:600;line-height:22px}#cookies-policy .cookies__duration{color:#8a8e92;display:inline;text-align:right}#cookies-policy .cookies__description{color:#8a8e92;display:block;line-height:120%;padding-top:.3em;text-align:left;width:100%}#cookies-policy .cookies__save{border-top:1px solid #e7e8e9;display:flex;justify-content:flex-end;margin-top:.4em;padding:.75em 1.5em}#cookies-policy .cookiesBtn{width:100%}#cookies-policy .cookiesBtn__link{background:#7959ef;border:1px solid #7959ef;border-radius:4px;color:#fff;cursor:pointer;display:block;font:inherit;font-size:14px;font-weight:600;line-height:1em;margin:0;overflow:hidden;padding:.86em 1em;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:opacity .2s ease-out;white-space:nowrap;width:100%}#cookies-policy .cookiesBtn__link:focus,#cookies-policy .cookiesBtn__link:hover{opacity:.8}
924
925</style>
926</body>
927</html>
928

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.