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 & 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 & 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 & 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 & 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 & 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: 'sticky', top: $el.offsetTop + 'px', 'max-height': 'calc(100vh - ' + $el.offsetTop + 'px)' }" 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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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]_&]:border-s-0 [:is([data-flux-button-group]>&:first-child,_[data-flux-button-group]_:first-child>&)]: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]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]: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(&)]: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('transition-transform')" 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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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(&)]: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]_&]:border-s-0 [:is([data-flux-button-group]>&:first-child,_[data-flux-button-group]_:first-child>&)]: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]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-s-[1px] [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]: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'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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]: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 & 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>© 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="{"more":"Mehr Details","less":"Weniger Details"}"> 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.