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 <title>Systemisches Coaching & Familienaufstellung in Freiburg â Jona Fels</title> 7 <meta name="description" content="Systemisches Coaching & Familienaufstellung in Freiburg â Unbewusste Muster lösen â Einzelsitzungen mit Bodenankern â Samstags 14â20 Uhr â Jona Fels" /> 8 <meta name="author" content="Jona Fels" /> 9 <meta name="google-site-verification" content="aKdKZvJQLBjgtD-mDLpPP9QL-XBdfuV-8I0jdajLX-Y" /> 10 11 <!-- Canonical (default für /) - wird vom prerender pro Seite überschrieben --> 12 <link rel="canonical" href="https://fels-coach.de/" /> 13 14 <!-- hreflang für Mehrsprachigkeit (DE = primär, x-default für Fallback) --> 15 <link rel="alternate" hreflang="de" href="https://fels-coach.de/" /> 16 <link rel="alternate" hreflang="x-default" href="https://fels-coach.de/" /> 17 18 <!-- Favicon --> 19 <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96-v2.png" /> 20 <link rel="icon" type="image/x-icon" href="/favicon.ico" /> 21 22 <!-- Apple Touch Icon --> 23 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-v2.png" /> 24 25 <!-- Web App Manifest --> 26 <link rel="manifest" href="/site.webmanifest" /> 27 <meta name="theme-color" content="#6B2E2E" /> 28 29 <!-- Font Preload entfernt: Vite hasht Asset-URLs (/assets/...woff2), 30 feste /fonts/-Pfade liefen ins Leere. Fontsource-CSS lädt fonts direkt mit. --> 31 32 33 <!-- Critical CSS (Above-the-fold) - inlined to eliminate render-blocking --> 34 <style> 35 /* CLS-Fix: Fallback-Fonts mit angepassten Metriken, damit beim Font-Swap (Playfair/Montserrat) keine Layout-Shifts entstehen */ 36 @font-face{font-family:'Playfair Fallback';src:local('Georgia'),local('Times New Roman');size-adjust:107%;ascent-override:92%;descent-override:24%;line-gap-override:0%;} 37 @font-face{font-family:'Montserrat Fallback';src:local('Arial'),local('Helvetica');size-adjust:107%;ascent-override:90%;descent-override:24%;line-gap-override:0%;} 38 :root{--background:270 30% 96%;--foreground:270 35% 12%;--muted:270 25% 92%;--muted-foreground:270 25% 22%;--primary:270 45% 22%;--primary-foreground:270 30% 98%;--secondary:275 25% 30%;--secondary-foreground:270 30% 98%;--border:270 22% 80%;--ring:270 45% 22%;--radius:1.5rem;} 39 *,::before,::after{box-sizing:border-box;border:0 solid hsl(var(--border));} 40 html{-webkit-text-size-adjust:100%;line-height:1.5;font-family:Montserrat,'Montserrat Fallback',ui-sans-serif,system-ui,sans-serif;scroll-behavior:smooth;} 41 body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Montserrat,'Montserrat Fallback',ui-sans-serif,system-ui,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased;} 42 h1,h2,h3,h4,h5,h6{font-family:'Playfair Display','Playfair Fallback',ui-serif,Georgia,serif;line-height:1.3;letter-spacing:-.01em;margin:1.5em 0 .75em;} 43 h1{font-size:clamp(1.875rem,4vw + 1rem,3.75rem);} 44 h2{font-size:clamp(1.5rem,3vw + .5rem,2.25rem);} 45 img{max-width:100%;height:auto;display:block;} 46 a{color:inherit;text-decoration:inherit;} 47 .skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} 48 .container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;} 49 header.sticky{position:sticky;top:0;z-index:40;width:100%;background:hsl(var(--muted)/.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid hsl(var(--border));} 50 </style> 51 52 <meta property="og:type" content="website" /> 53 <meta property="og:url" content="https://fels-coach.de/" /> 54 <meta property="og:title" content="Systemisches Coaching & Familienaufstellung in Freiburg â Jona Fels" /> 55 <meta property="og:description" content="Familienaufstellung & systemisches Coaching in Freiburg. Unbewusste Muster lösen, innere Blockaden überwinden. Jetzt kostenloses Erstgespräch buchen." /> 56 <meta property="og:image" content="https://fels-coach.de/og-image.
56webp?v=3" /> 57 <meta property="og:image:secure_url" content="https://fels-coach.de/og-image.webp?v=3" /> 58 <meta property="og:image:type" content="image/webp" /> 59 <meta property="og:image:width" content="1200" /> 60 <meta property="og:image:height" content="630" /> 61 <meta property="og:image:alt" content="Jona Fels â Systemisches Coaching & Familienaufstellung in Freiburg" /> 62 <meta property="og:locale" content="de_DE" /> 63 <meta property="og:site_name" content="Systemisches Coaching & Familienaufstellung in Freiburg â Jona Fels" /> 64 65 <meta name="twitter:card" content="summary_large_image" /> 66 <meta name="twitter:title" content="Systemisches Coaching & Familienaufstellung in Freiburg â Jona Fels" /> 67 <meta name="twitter:description" content="Familienaufstellung & systemisches Coaching in Freiburg. Unbewusste Muster lösen, innere Blockaden überwinden." /> 68 <meta name="twitter:image" content="https://fels-coach.de/og-image.webp?v=3" /> 69 <meta name="twitter:image:alt" content="Jona Fels â Systemisches Coaching & Familienaufstellung in Freiburg" /> 70 71 <!-- Custom CSS bleibt editierbar, wird aber erst nach dem Seitenaufbau oder bei Termin-Interaktion geladen. --> 72
72<script> 73 window.loadCustomCssOverrides=function(){if(document.querySelector('link[href="/custom.css"]'))return;var l=document.createElement('link');l.rel='stylesheet';l.href='/custom.css';document.head.appendChild(l)}; 74 window.addEventListener('load',function(){window.setTimeout(window.loadCustomCssOverrides,12000)},{once:true}); 75 </script>
75 76
76<script type="module" crossorigin src="/assets/index.CWMBhjqx.js"></script>
76 77 <link rel="modulepreload" crossorigin href="/assets/vendor.-hzTlH9Y.js"> 78 <link rel="modulepreload" crossorigin href="/assets/ui.DSlRn_VK.js"> 79 <link rel="preload" as="style" href="/assets/index.D7vRjvfH.css" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="/assets/index.D7vRjvfH.css"></noscript> 80 <link rel="preload" as="image" type="image/webp" fetchpriority="high" href="/assets/praxis-sitzbereich-800.CipFLCVM.webp" media="(max-width: 768px)"><link rel="preload" as="image" type="image/webp" fetchpriority="high" href="/assets/praxis-sitzbereich.pW4yVXp3.webp" media="(min-width: 769px)"> 81<style> 82 #lovable-badge { 83 --badge-bg: #1b1b1b; 84 --badge-text: #c5c1b9; 85 --badge-text-hover: #dcdad5; 86 --badge-radius: 6px; 87 --badge-padding: 8px; 88 --badge-gap: 6px; 89 --badge-shadow: 90 0 0 0 1px rgba(0, 0, 0, 0.88), 91 0 1px 0 0 rgba(0, 0, 0, 0.04), 92 0 2px 2px -1px rgba(0, 0, 0, 0.08), 93 0 4px 4px -2px rgba(0, 0, 0, 0.08), 94 0 8px 8px -4px rgba(0, 0, 0, 0.08), 95 0 16px 16px -8px rgba(0, 0, 0, 0.08); 96 --badge-transition-duration: 0.2s; 97 --badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1); 98 --focus-color: #575ECF; 99 --focus-offset: 2px; 100 --focus-width: 2px; 101 102 position: fixed; 103 bottom: 12px; 104 right: 12px; 105 height: 24px; 106 display: flex; 107 align-items: center; 108 z-index: 1000000; 109 background-color: var(--badge-bg) !important; 110 color: var(--badge-text) !important; 111 border-radius: var(--badge-radius); 112 box-shadow: var(--badge-shadow) !important; 113 font-size: 12px; 114 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 115 font-weight: 400 !important; 116 text-transform: none !important; 117 font-feature-settings: normal !important; 118 transform: translateZ(0); 119 will-change: transform, opacity; 120 transition: opacity var(--badge-transition-duration) var(--badge-transition-easing); 121 } 122 123 #lovable-badge.closing { 124 opacity: 0; 125 pointer-events: none; 126 } 127 128 #lovable-badge-cta { 129 display: flex; 130 align-items: baseline; 131 gap: var(--badge-gap); 132 box-sizing: border-box; 133 padding: 4px var(--badge-padding) 0; 134 height: 100%; 135 color: inherit; 136 text-decoration: none; 137 white-space: nowrap; 138 border-radius: var(--badge-radius) 0 0 var(--badge-radius); 139 transition: 140 background-color var(--badge-transition-duration) ease, 141 color var(--badge-transition-duration) ease, 142 transform 0.1s ease; 143 } 144 145 #lovable-badge-cta:hover { 146 background: rgba(255, 255, 255, 0.04); 147 color: var(--badge-text-hover); 148 } 149 150 #lovable-badge-cta:active { 151 transform: scale(0.98); 152 } 153 154 #lovable-badge-cta:focus { 155 outline: none; 156 } 157 158 #lovable-badge-cta:focus-visible { 159 outline: var(--focus-width) solid var(--focus-color); 160 outline-offset: var(--focus-offset); 161 z-index: 1; 162 } 163 164 #lovable-badge-text { 165 line-height: 1; 166 } 167 168 /* The wordmark baseline sits at y=12 of the 16px logo; an empty 12px box 169 makes that the flex baseline so the text aligns to it on any system font. */ 170 #lovable-badge-logo { 171 position: relative; 172 display: block; 173 width: 52px; 174 height: 12px; 175 } 176 177 #lovable-badge-logo svg { 178 position: absolute; 179 top: 0; 180 left: 0; 181 } 182 183 #lovable-badge-divider { 184 width: 1px; 185 height: 24px; 186 background-color: rgba(255, 255, 255, 0.04); 187 flex-shrink: 0; 188 } 189 190 #lovable-badge-close { 191 width: 24px; 192 height: 24px; 193 min-width: 24px; 194 min-height: 24px; 195 cursor: pointer; 196 background: none; 197 border: none; 198 padding: 0; 199 display: flex; 200 align-items: center; 201 justify-content: center; 202 border-radius: 0 var(--badge-radius) var(--badge-radius) 0; 203 flex-shrink: 0; 204 transition: 205 background-color var(--badge-transition-duration) ease, 206 transform 0.1s ease; 207 } 208 209 #lovable-badge-close:hover { 210 background: rgba(255, 255, 255, 0.04); 211 } 212 213 #lovable-badge-close:active { 214 transform: scale(0.92); 215 } 216 217 #lovable-badge-close:focus { 218 outline: none; 219 } 220 221 #lovable-badge-close:focus-visible { 222 outline: var(--focus-width) solid var(--focus-color); 223 outline-offset: calc(var(--focus-offset) * -1); 224 z-index: 1; 225 } 226 227 #lovable-badge-close svg path { 228 fill: var(--badge-text); 229 transition: fill var(--badge-transition-duration) ease; 230 } 231 232 #lovable-badge-close:hover svg path { 233 fill: var(--badge-text-hover); 234 } 235 236 @media (prefers-reduced-motion: reduce) { 237 #lovable-badge, 238 #lovable-badge-cta, 239 #lovable-badge-close, 240 #lovable-badge-close svg path { 241 transition: none; 242 } 243 244 #lovable-badge-cta:active, 245 #lovable-badge-close:active { 246 transform: none; 247 } 248 } 249 250 @media (prefers-contrast: high) { 251 #lovable-badge { 252 --badge-bg: #000; 253 --badge-text: #fff; 254 --badge-text-hover: #fff; 255 border: 2px solid currentColor; 256 } 257 258 #lovable-badge-cta:focus-visible, 259 #lovable-badge-close:focus-visible { 260 outline-width: 3px; 261 } 262 } 263</style>
264<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
264</head> 265 266 <body> 267 <!-- Skip-Link für Barrierefreiheit (BFSG/WCAG 2.1 AA) --> 268 <a href="#main-content" class="skip-link">Zum Inhalt springen</a> 269 270 <div id="root"></div> 271 272<aside 273 id="lovable-badge" 274 role="complementary" 275 dir="ltr" 276 lang="en" 277 aria-label="Edit with Lovable"> 278 <a 279 id="lovable-badge-cta" 280 target="_blank" 281 href="https://lovable.dev/projects/lovp_29jj6mcw9p8qta59hxh3e6m06q?utm_source=lovable-badge" 282 rel="noopener nofollow" 283 aria-label="Edit with Lovable"> 284 <span id="lovable-badge-text">Edit with</span> 285 <span id="lovable-badge-logo"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="16" fill="none" viewBox="0 0 52 16"> 286 <path fill="#FCFBF8" fill-rule="evenodd" d="M20.318 5.25c.643 0 1.206.14 1.69.418a2.81 2.81 0 0 1 1.118 1.191c.266.513.4 1.115.4 1.807s-.134 1.296-.4 1.812a2.81 2.81 0 0 1-1.118 1.193c-.484.278-1.047.418-1.69.418s-1.208-.14-1.695-.418a2.85 2.85 0 0 1-1.125-1.193c-.262-.516-.393-1.12-.393-1.812s.131-1.294.393-1.807a2.848 2.848 0 0 1 1.125-1.191c.487-.279 1.052-.418 1.695-.418Zm0 1.425c-.27 0-.504.076-.7.228-.193.147-.34.37-.443.67-.102.295-.153.66-.153 1.093 0 .435.05.801.153 1.1.102.3.25.524.443.676.196.147.43.22.7.22.27 0 .502-.073.694-.22.193-.152.341-.375.443-.67.103-.299.153-.667.153-1.106 0-.65-.112-1.145-.337-1.481a1.08 1.08 0 0 0-.953-.51ZM32.7 5.25c.61 0 1.127.1 1.549.3.422.197.74.48.953.849.217.368.325.809.325 1.32v2.704c0 .29.02.562.062.812.044.245.108.4.19.466V12h-1.935a5.895 5.895 0 0 1-.105-.684 7.745 7.745 0 0 1-.02-.228 2.293 2.293 0 0 1-.151.203c-.205.242-.47.437-.793.584-.32.143-.685.215-1.094.215-.406 0-.77-.08-1.094-.24a1.845 1.845 0 0 1-.756-.682 1.984 1.984 0 0 1-.27-1.045c0-.606.178-1.069.535-1.388.356-.324.87-.534 1.542-.633l1.125-.16c.225-.032.403-.074.534-.123a.622.622 0 0 0 .288-.196.549.549 0 0 0 .093-.327.65.65 0 0 0-.11-.367.702.702 0 0 0-.32-.27c-.14-.07-.31-.105-.51-.105-.32 0-.576.083-.768.251-.193.164-.298.39-.314.676h-1.923c.016-.434.147-.82.393-1.155.25-.34.596-.604 1.039-.792.442-.189.954-.283 1.535-.283Zm.99 3.498a.98.98 0 0 1-.215.14 2.49 2.49 0 0 1-.584.178l-.473.092c-.315.061-.553.156-.713.283-.155.127-.233.305-.233.534 0 .23.084.412.252.547.168.135.383.203.645.203s.494-.058.694-.173c.201-.118.355-.282.461-.49.11-.21.166-.448.166-.714v-.6Zm4.526-2.375c.065-.125.138-.243.221-.349.197-.25.437-.44.719-.571.282-.135.6-.203.952-.203.528 0 .988.138 1.377.412.389.275.688.67.896 1.186.21.512.314 1.12.314 1.824 0 .7-.107 1.309-.32 1.825-.213.512-.518.906-.915 1.18-.393.275-.854.412-1.383.412-.352 0-.667-.062-.946-.184a1.832 1.832 0 0 1-.7-.554 2.2 2.2 0 0 1-.234-.383V12h-1.843V3h1.862v3.373Zm1.284.296c-.274 0-.51.085-.707.253-.192.163-.338.397-.436.7a3.376 3.376 0 0 0-.148 1.05c0 .406.05.759.148 1.058.098.299.243.53.436.694.197.164.433.246.707.246.279 0 .512-.082.7-.246.193-.164.336-.395.43-.694.099-.3.148-.652.148-1.058 0-.405-.05-.757-.147-1.056-.095-.299-.238-.53-.43-.694a1.015 1.015 0 0 0-.7-.253Zm9.416-1.419c.602 0 1.136.131 1.604.393.466.262.829.643 1.086 1.143.263.5.394 1.097.394 1.794 0 .25-.002.449-.006.596H47.51c.018.288.071.538.164.75a1.3 1.3 0 0 0 .491.596c.214.13.465.196.757.196.319 0 .583-.082.792-.246.209-.167.34-.403.393-.706h1.862a2.48 2.48 0 0 1-.485 1.235 2.54 2.54 0 0 1-1.051.805c-.439.188-.949.283-1.53.283-.655 0-1.225-.125-1.708-.375a2.672 2.672 0 0 1-1.13-1.143c-.267-.508-.4-1.137-.4-1.887 0-.712.14-1.327.418-1.843a2.86 2.86 0 0 1 1.155-1.186c.491-.27 1.051-.405 1.678-.405Zm-.044 1.345c-.274 0-.516.068-.725.203a1.29 1.29 0 0 0-.479.59 2.045 2.045 0 0 0-.132.498h2.562a1.873 1.873 0 0 0-.138-.602 1.061 1.061 0 0 0-.418-.516 1.243 1.243 0 0 0-.67-.173Z" clip-rule="evenodd"/> 287 <path fill="#FCFBF8" d="m26.605 9.995 1.342-4.566h1.924L27.628 12h-2.07l-2.33-6.57h1.98l1.397 4.565Zm-13.013.143h2.256c1.632 0 1.421 1.837 1.418 1.861h-5.603V3h1.93v7.138Zm31.516 1.861h-1.862V3h1.862v8.999Z"/> 288 <path fill="url(#a)" fill-rule="evenodd" d="M2.7 3c1.492 0 2.7 1.192 2.7 2.663v1.012h.9c1.49 0 2.7 1.192 2.7 2.662S7.791 12 6.3 12H0V5.663C0 4.193 1.209 3 2.7 3Z" clip-rule="evenodd"/> 289 <defs> 290 <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(-1.54236 7.07838 -10.231 -2.15602 4.627 5.022)" gradientUnits="userSpaceOnUse"> 291 <stop offset=".106" stop-color="#FE7B02"/> 292 <stop offset=".394" stop-color="#FE3F21"/> 293 <stop offset=".608" stop-color="#F858BC"/> 294 <stop offset=".929" stop-color="#575ECF"/> 295 </radialGradient> 296 </defs> 297</svg> 298 299</span> 300 </a> 301 302 <span id="lovable-badge-divider" aria-hidden="true"></span> 303 304 <button 305 id="lovable-badge-close" 306 aria-label="Dismiss" 307 title="Dismiss"
308 type="button"> 309 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" aria-hidden="true"> 310 <path d="M10.646 4.646a.5.5 0 1 1 .707.708L8.707 8l2.646 2.646a.5.5 0 1 1-.707.707L8 8.707l-2.646 2.646a.5.5 0 1 1-.708-.707L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708L8 7.293l2.646-2.647Z"/> 311 </svg> 312 </button> 313</aside>
314<script> 315 (() => { 316 if (window.self !== window.top || navigator.userAgent.includes('puppeteer')) { 317 const badge = document.querySelector('#lovable-badge'); 318 if (badge) { 319 badge.style.display = 'none'; 320 } 321 return; 322 } 323 324 const closeButton = document.querySelector('#lovable-badge-close'); 325 if (closeButton) { 326 closeButton.addEventListener('click', function(event) { 327 event.preventDefault(); 328 event.stopPropagation(); 329 const badge = document.querySelector('#lovable-badge'); 330 if (badge) { 331 badge.classList.add('closing'); 332 setTimeout(function() { 333 if (badge) { 334 badge.style.display = 'none'; 335 } 336 }, 240); 337 } 338 }); 339 } 340 })(); 341</script>
341 342</body> 343</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.