[{"_id":"6745536f1b8c712f137abe76","publication":"659556511c5a86a2cbd84034","user":{"_id":"65955617a09e53e34d0890a2","isDeactivated":false,"numFollowers":0,"hasGoldRing":false,"name":"Patrick Euerle","username":"sdrwtf","tagline":"","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1704285719863/417caa46-2bbc-4b69-95a9-543bf000db80.png"},"createdAt":"2024-11-26T04:49:46.178Z","memberName":"Patrick Euerle","memberPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1704285719863/417caa46-2bbc-4b69-95a9-543bf000db80.png","privacyState":"public","role":"author","updatedAt":"2024-11-26T04:49:46.178Z","username":"sdrwtf","latestPosts":[{"_id":"663a24cc82c8a71649100052","views":12,"isActive":true,"type":"story","partOfPublication":true,"responseCount":0,"replyCount":0,"reactions":[],"totalReactions":0,"isPinnedToBlog":false,"title":"Fixing errors during patching of the Veeam Recovery Media in combination with tmpfs /tmp","cuid":"clvwe8sko000209kzhc8whl48","dateAdded":"2024-05-07T12:55:40.968Z","isCoverAttributionHidden":false,"coverImageAttribution":"","coverImagePhotographer":"","slug":"fixing-errors-during-patching-of-the-veeam-recovery-media-in-combination-with-tmpfs-tmp","brief":"If you try to patch the Recovery Media in Veeam Agent for Linux, you might encounter the following or a similar error:\n\nThe reason for it is most likely that your system uses tmpfs for /tmp and runs out of space during the patching process.\nIn my cas...","author":"65955617a09e53e34d0890a2","readTime":1,"tags":["663a24cc91ab510b4cef04f1","663a24cc91ab510b4cef04f2","5fb40a6fa73df361ab711644","56744721958ef13879b94988","633925f29daae94e348f0c3a"],"publication":{"_id":"659556511c5a86a2cbd84034","title":"punkt.codes","domain":"punkt.codes","domainUpdatedOn":"2024-02-19T22:05:04.504Z","domainStatus":{"certIssued":true,"ready":true},"wwwPrefixedDomain":"www.punkt.codes","wwwPrefixedDomainStatus":{"certIssued":true,"ready":true},"isActive":true,"author":"65955617a09e53e34d0890a2","username":"sdrwtf","urlPattern":"simple","links":{"twitter":"","instagram":"","github":"https://github.com/sdrwtf","website":"","hashnode":"https://hashnode.com/@sdrwtf","youtube":"","dailydev":"","linkedin":"","mastodon":""},"numFollowers":0,"badgePageEnabled":false,"membersPageEnabled":true,"newsletterPageEnabled":false,"layout":"stacked","newsletterEnabled":false,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"views":{"today":1,"thisWeek":2,"lastWeek":5,"allTime":983,"thisMonth":22},"dailyViewsForCurrentMonth":{"1712102400":1,"1712361600":3,"1712707200":2,"1712793600":1,"1712880000":1,"1712966400":2,"1713225600":1,"1713398400":1,"1713484800":1,"1713657600":1,"1713744000":1,"1713916800":2,"1714003200":1,"1714089600":1,"1714348800":10,"1714435200":3,"1714521600":2},"viewCountVisible":true,"readTimeHidden":false,"customCSSEnabled":true,"disableFooterBranding":true,"isSubscriptionModalDisabled":true,"domainChecklistSkipped":false,"stripe":{"connected":false},"umamiDataImported":true,"isGithubAsSourceConnected":false,"githubAsSourceDetails":null,"blockBackupAllButton":false,"blockBackupAllDraftsButton":false,"emailPreferences":{"draftSubmissionNotifications":true},"isHeadless":false,"allowCrawlingByGPT":false,"customRules":[],"menu":[{"type":"page","label":"About","page":"659c2757b80581bc19580796","priority":0,"_id":"659c276ab80581bc19580823"}],"__v":0,"umamiWebsiteUUID":"b502c110-439e-420d-a110-b30674cf6010","headerColor":"","darkModeEnabled":true,"hasBadges":true,"customCSSDraft":{"home":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n /*font-size: 1.75rem !important;*/\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/*.blog-author-container {*/\n /*background: #fb8500 !important;*/\n/*}*/\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Spacing **/\n.pt-8 {\n padding-top: 1rem !important;\n}\n.pb-2 {\n padding-bottom: 0 !important;\n}\n.mt-8 {\n margin-top: 1rem !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Navigation */\n.blog-nav-text {\n color: var(--dark-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-text:hover,\n.blog-nav-text:active {\n background: none !important;\n}\n\n.dark .blog-nav-text {\n color: var(--light-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-active {\n border-color: var(--color-primary-400) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active,\n.blog-nav-active:hover,\n.blog-nav-active:active {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Navigation focus ring **/\n.group:focus .group-focus\\:ring {\n box-shadow: 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Blog content area */\n\n/** Card title **/\n.blog-post-card-title a {\n color: var(--color-primary-200) !important;\n flex: 1;\n text-decoration: none !important;\n background-image: linear-gradient(to right, var(--color-primary-300) 0, var(--color-primary-300) 100%) !important;\n background-position: 0 1.15em !important;\n background-size: 0 100% !important;\n background-repeat: no-repeat !important;\n transition: background .5s !important;\n}\n\n.dark .blog-post-card-title a {\n color: var(--color-primary-200) !important;\n flex: 1;\n text-decoration: none !important;\n background-image: linear-gradient(to right, var(--color-primary-300) 0, var(--color-primary-300) 100%) !important;\n background-position: 0 1.15em !important;\n background-size: 0 100% !important;\n background-repeat: no-repeat !important;\n transition: background .5s !important;\n}\n\n.blog-post-card-title a:hover,\n.blog-post-card-title a:active {\n background-size: 100% 100% !important;\n}\n\n/** Card meta **/\n.blog-post-card-meta {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-post-card-meta {\n color: var(--light-color-font-300) !important;\n}\n\n/** Card brief **/\n.blog-post-card-brief {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-post-card-brief {\n color: var(--light-color-font-200) !important;\n}\n\n/** Card Cover image **/\n.blog-post-card-cover img {\n border radius: 0.5rem !important;\n}\n\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover,\n.blog-footer-credits a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","post":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Back to home button **/\n.blog-back-to-home-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-back-to-home-button {\n color: var(--light-color-font-100) !important;\n}\n\n/** Bars button **/\n.blog-bars-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-bars-button {\n color: var(--light-color-font-100) !important;\n}\n\n/** Back to home and Bars butrton hover **/\n.hover\\:bg-black\\/10:hover,\n.hover\\:bg-black\\/10:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Border color */\n.border-slate-200 {\n border-color: var(--color-primary-400) !important;\n}\n\n/* Blog menu */\n\n/** H2 headlines **/\n.ScrollAreaRoot h2 {\n color: color: var(--dark-color-font-100) !important;;\n}\n\n.dark .ScrollAreaRoot h2 {\n color: color: var(--light-color-font-100) !important;;\n}\n\n/** Nav section **/\n.blog-nav {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-nav {\n color: var(--light-color-font-200) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active {\n background-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-200) !important;\n}\n\n/* Blog article page */\n\n/** Cover image **/\n.blog-article-page img {\n border-radius: 0 0 0.5rem 0.5rem !important;\n}\n\n/** Image credits **/\n.blog-article-page .text-sm {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-article-page .text-sm {\n color: var(--light-color-font-200) !important;\n}\n\n.blog-article-page .text-sm a:hover,\n.blog-article-page .text-sm a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Contents table */\n.hover\\:bg-slate-100:hover,\n.hover\\:bg-slate-100:active {\n background-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n/*Blog content */\n\n/** Links **/\n.blog-content-main a {\n color: var(--dark-color-font-100) !important;\n font-weight: 400 !important;\n letter-spacing: -.025em !important;\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n}\n\n.dark .blog-content-main a {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-content-main a:hover,\n.blog-content-main a:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Headings, text etc. **/\n.blog-content-main h1,\n.blog-content-main h2,\n.blog-content-main h3,\n.blog-content-main p {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-content-main h1,\n.dark .blog-content-main h2,\n.dark .blog-content-main h3,\n.dark .blog-content-main p {\n color: var(--light-color-font-100) !important;\n}\n\n/** Strong text **/\n.prose :where(strong):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n font-weight: 600;\n}\n\n.dark .prose :where(strong):not(:where([class~=not-prose] *)) {\n color: color: var(--light-color-font-100) !important;\n font-weight: 600;\n}\n\n/** Inline code **/\n.prose code {\n background-color: var(--color-primary-400) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Code block **/\n.prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.dark .prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n.prose button {\n color: var(--light-color-font-100) !important;\n}\n\n.prose button:hover,\n.prose button:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Marked text **/\n.blog-content-main mark {\n background-color: var(--color-primary-100) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Blockquote **/\n.blog-content-main blockquote {\n border-color: var(--color-primary-400) !important;\n}\n\n/** Summary **/\n.blog-content-main summary,\n.blog-content-main details {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-content-main summary,\n.dark .blog-content-main details {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-content-main summary::marker {\n color: var(--color-primary-400) !important;\n}\n\n:where(details>:not(summary)):not(:where([class~=not-prose] *)):before {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Callout **/\n.prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)) {\n background-color: var(--light-color-surface-100) !important;\n padding: 1rem 1rem !important;\n border: none !important;\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n padding: 1rem 1rem !important;\n border: none !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(div[data-node-type=callout-emoji]):not(:where([class~=not-prose] *)) {\n background: none !important;\n border-radius: 3rem !important;\n min-width: 3rem !important;\n min-height: 3rem !important;\n font-size: 2rem !important;\n border: 2px solid var(--color-primary-400) !important;\n}\n\n/** Images **/\n.blog-content-main img {\n border-radius: 0.5rem !important;\n}\n\n/** Table **/\n.prose {\n color: var(--dark-color-font-100) !important;\n}\n\n.prose :where(thead):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .prose {\n color: var(--light-color-font-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(thead):not(:where([class~=not-prose] *)) {\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(td):not(:where([class~=not-prose] *)) {\n border: 1px solid #9b9b9b !important;\n}\n\n.prose .hn-table table {\n border: 1px solid #9b9b9b !important;\n}\n\n.dark .prose :where(td):not(:where([class~=not-prose] *)) {\n border: 1px solid #9b9b9b !important;\n}\n\n.dark .prose .hn-table table {\n border: 1px solid #9b9b9b !important;\n}\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover {\n color: var(--color-primary-300) !important;\n}\n\n/* Author follow button */\n.author-follow-button {\n color: var(--light-color-surface-100) !important;\n border-color: var(--color-primary-400) !important;\n background-color: var(--color-primary-400) !important;\n}\n\n.dark .author-follow-button {\n color: var(--dark-color-surface-100) !important;\n border-color: var(--color-primary-400) !important;\n background-color: var(--color-primary-400) !important;\n}\n\n.author-follow-button:hover,\n.author-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/* Series */\n.blog-series-heading h3 {\n color: var(--color-primary-300) !important;\n}\n\n.blog-series-number {\n background-color: var(--color-primary-300) !important;\n}\n\n.blog-series-cover img {\n border-radius: 0.5rem !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","static":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Spacing **/\n.pt-8 {\n padding-top: 1rem !important;\n}\n.pb-2 {\n padding-bottom: 0 !important;\n}\n.mt-8 {\n margin-top: 1rem !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Navigation */\n.blog-nav-text {\n color: var(--dark-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-text:hover,\n.blog-nav-text:active {\n background: none !important;\n}\n\n.dark .blog-nav-text {\n color: var(--light-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-active {\n border-color: var(--color-primary-400) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active,\n.blog-nav-active:hover,\n.blog-nav-active:active {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Navigation focus ring **/\n.group:focus .group-focus\\:ring {\n box-shadow: 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n\n/* Page content area */\n\n/** Page title **/\n.blog-page-title {\n color: var(--color-primary-200) !important;\n}\n\n/** Heading, text, etc. **/\n.blog-page-content h1,\n.blog-page-content h2,\n.blog-page-content h3,\n.blog-page-content p,\n.blog-page-content prose {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-page-content h1,\n.dark .blog-page-content h2,\n.dark .blog-page-content h3,\n.dark .blog-page-content p,\n.dark .blog-page-content prose {\n color: var(--light-color-font-100) !important;\n}\n\n/** Strong text **/\n.prose :where(strong):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n font-weight: 600;\n}\n\n.dark .prose :where(strong):not(:where([class~=not-prose] *)) {\n color: color: var(--light-color-font-100) !important;\n font-weight: 600;\n}\n\n/** Inline code **/\n.prose code {\n background-color: var(--color-primary-400) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Code block **/\n.prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.dark .prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n.prose button {\n color: var(--light-color-font-100) !important;\n}\n\n.prose button:hover,\n.prose button:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Blockquote **/\n.blog-page-content blockquote {\n border-color: var(--color-primary-400) !important;\n}\n\n/** Images **/\n.blog-page-content img {\n border-radius: 0.5rem !important;\n}\n\n/** Links **/\n.blog-page-content a {\n color: var(--dark-color-font-100) !important;\n font-weight: 400 !important;\n letter-spacing: -.025em !important;\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n}\n\n.dark .blog-page-content a {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-page-content a:hover,\n.blog-page-content a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover,\n.blog-footer-credits a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","homeMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.pt-8{padding-top:1rem !important}.pb-2{padding-bottom:0 !important}.mt-8{margin-top:1rem !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-nav-text{color:var(--dark-color-font-100) !important;font-weight:500 !important}.blog-nav-text:hover,.blog-nav-text:active{background:none !important}.dark .blog-nav-text{color:var(--light-color-font-100) !important;font-weight:500 !important}.blog-nav-active{border-color:var(--color-primary-400) !important}.blog-nav:hover,.blog-nav:active,.blog-nav-active:hover,.blog-nav-active:active{border-color:var(--color-primary-300) !important}.group:focus .group-focus\\:ring{box-shadow:0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-post-card-title a{color:var(--color-primary-200) !important;flex:1;text-decoration:none !important;background-image:linear-gradient(to right,var(--color-primary-300) 0,var(--color-primary-300) 100%) !important;background-position:0 1.15em !important;background-size:0 100% !important;background-repeat:no-repeat !important;transition:background .5s !important}.dark .blog-post-card-title a{color:var(--color-primary-200) !important;flex:1;text-decoration:none !important;background-image:linear-gradient(to right,var(--color-primary-300) 0,var(--color-primary-300) 100%) !important;background-position:0 1.15em !important;background-size:0 100% !important;background-repeat:no-repeat !important;transition:background .5s !important}.blog-post-card-title a:hover,.blog-post-card-title a:active{background-size:100% 100% !important}.blog-post-card-meta{color:var(--dark-color-font-600) !important}.dark .blog-post-card-meta{color:var(--light-color-font-300) !important}.blog-post-card-brief{color:var(--dark-color-font-300) !important}.dark .blog-post-card-brief{color:var(--light-color-font-200) !important}.blog-post-card-cover img{border radius:.5rem !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover,.blog-footer-credits a:active{color:var(--color-primary-300) !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}","postMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.blog-back-to-home-button{color:var(--dark-color-font-100) !important}.dark .blog-back-to-home-button{color:var(--light-color-font-100) !important}.blog-bars-button{color:var(--dark-color-font-100) !important}.dark .blog-bars-button{color:var(--light-color-font-100) !important}.hover\\:bg-black\\/10:hover,.hover\\:bg-black\\/10:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.border-slate-200{border-color:var(--color-primary-400) !important}.ScrollAreaRoot h2{color:color:var(--dark-color-font-100) !important}.dark .ScrollAreaRoot h2{color:color:var(--light-color-font-100) !important}.blog-nav{color:var(--dark-color-font-300) !important}.dark .blog-nav{color:var(--light-color-font-200) !important}.blog-nav:hover,.blog-nav:active{background-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.blog-social-media-section{color:var(--dark-color-font-300) !important}.dark .blog-social-media-section{color:var(--light-color-font-200) !important}.blog-article-page img{border-radius:0 0 .5rem .5rem !important}.blog-article-page .text-sm{color:var(--dark-color-font-300) !important}.dark .blog-article-page .text-sm{color:var(--light-color-font-200) !important}.blog-article-page .text-sm a:hover,.blog-article-page .text-sm a:active{color:var(--color-primary-300) !important}.hover\\:bg-slate-100:hover,.hover\\:bg-slate-100:active{background-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.blog-content-main a{color:var(--dark-color-font-100) !important;font-weight:400 !important;letter-spacing:-.025em !important;font-size:1.25rem !important;line-height:1.8 !important}.dark .blog-content-main a{color:var(--light-color-font-100) !important}.blog-content-main a:hover,.blog-content-main a:active{color:var(--color-primary-300) !important}.blog-content-main h1,.blog-content-main h2,.blog-content-main h3,.blog-content-main p{color:var(--dark-color-font-100) !important}.dark .blog-content-main h1,.dark .blog-content-main h2,.dark .blog-content-main h3,.dark .blog-content-main p{color:var(--light-color-font-100) !important}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important;font-weight:600}.dark .prose :where(strong):not(:where([class~=not-prose] *)){color:color:var(--light-color-font-100) !important;font-weight:600}.prose code{background-color:var(--color-primary-400) !important;color:var(--dark-color-font-100) !important}.prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.dark .prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}.prose button{color:var(--light-color-font-100) !important}.prose button:hover,.prose button:active{color:var(--color-primary-300) !important}.blog-content-main mark{background-color:var(--color-primary-100) !important;color:var(--dark-color-font-100) !important}.blog-content-main blockquote{border-color:var(--color-primary-400) !important}.blog-content-main summary,.blog-content-main details{color:var(--dark-color-font-100) !important}.dark .blog-content-main summary,.dark .blog-content-main details{color:var(--light-color-font-100) !important}.blog-content-main summary::marker{color:var(--color-primary-400) !important}:where(details>:not(summary)):not(:where([class~=not-prose] *)):before{border-color:var(--color-primary-300) !important}.prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)){background-color:var(--light-color-surface-100) !important;padding:1rem 1rem !important;border:none !important;color:var(--dark-color-font-100) !important}.dark .prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important;padding:1rem 1rem !important;border:none !important;color:var(--light-color-font-100) !important}.prose :where(div[data-node-type=callout-emoji]):not(:where([class~=not-prose] *)){background:none !important;border-radius:3rem !important;min-width:3rem !important;min-height:3rem !important;font-size:2rem !important;border:2px solid var(--color-primary-400) !important}.blog-content-main img{border-radius:.5rem !important}.prose{color:var(--dark-color-font-100) !important}.prose :where(thead):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important}.dark .prose{color:var(--light-color-font-100) !important}:is(.dark .dark\\:prose-dark) :where(thead):not(:where([class~=not-prose] *)){color:var(--light-color-font-100) !important}.prose :where(td):not(:where([class~=not-prose] *)){border:1px solid #9b9b9b !important}.prose .hn-table table{border:1px solid #9b9b9b !important}.dark .prose :where(td):not(:where([class~=not-prose] *)){border:1px solid #9b9b9b !important}.dark .prose .hn-table table{border:1px solid #9b9b9b !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover{color:var(--color-primary-300) !important}.author-follow-button{color:var(--light-color-surface-100) !important;border-color:var(--color-primary-400) !important;background-color:var(--color-primary-400) !important}.dark .author-follow-button{color:var(--dark-color-surface-100) !important;border-color:var(--color-primary-400) !important;background-color:var(--color-primary-400) !important}.author-follow-button:hover,.author-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-series-heading h3{color:var(--color-primary-300) !important}.blog-series-number{background-color:var(--color-primary-300) !important}.blog-series-cover img{border-radius:.5rem !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}","staticMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.pt-8{padding-top:1rem !important}.pb-2{padding-bottom:0 !important}.mt-8{margin-top:1rem !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-nav-text{color:var(--dark-color-font-100) !important;font-weight:500 !important}.blog-nav-text:hover,.blog-nav-text:active{background:none !important}.dark .blog-nav-text{color:var(--light-color-font-100) !important;font-weight:500 !important}.blog-nav-active{border-color:var(--color-primary-400) !important}.blog-nav:hover,.blog-nav:active,.blog-nav-active:hover,.blog-nav-active:active{border-color:var(--color-primary-300) !important}.group:focus .group-focus\\:ring{box-shadow:0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-page-title{color:var(--color-primary-200) !important}.blog-page-content h1,.blog-page-content h2,.blog-page-content h3,.blog-page-content p,.blog-page-content prose{color:var(--dark-color-font-100) !important}.dark .blog-page-content h1,.dark .blog-page-content h2,.dark .blog-page-content h3,.dark .blog-page-content p,.dark .blog-page-content prose{color:var(--light-color-font-100) !important}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important;font-weight:600}.dark .prose :where(strong):not(:where([class~=not-prose] *)){color:color:var(--light-color-font-100) !important;font-weight:600}.prose code{background-color:var(--color-primary-400) !important;color:var(--dark-color-font-100) !important}.prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.dark .prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}.prose button{color:var(--light-color-font-100) !important}.prose button:hover,.prose button:active{color:var(--color-primary-300) !important}.blog-page-content blockquote{border-color:var(--color-primary-400) !important}.blog-page-content img{border-radius:.5rem !important}.blog-page-content a{color:var(--dark-color-font-100) !important;font-weight:400 !important;letter-spacing:-.025em !important;font-size:1.25rem !important;line-height:1.8 !important}.dark .blog-page-content a{color:var(--light-color-font-100) !important}.blog-page-content a:hover,.blog-page-content a:active{color:var(--color-primary-300) !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover,.blog-footer-credits a:active{color:var(--color-primary-300) !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}"},"customCSSPublished":{"home":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n /*font-size: 1.75rem !important;*/\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/*.blog-author-container {*/\n /*background: #fb8500 !important;*/\n/*}*/\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Spacing **/\n.pt-8 {\n padding-top: 1rem !important;\n}\n.pb-2 {\n padding-bottom: 0 !important;\n}\n.mt-8 {\n margin-top: 1rem !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Navigation */\n.blog-nav-text {\n color: var(--dark-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-text:hover,\n.blog-nav-text:active {\n background: none !important;\n}\n\n.dark .blog-nav-text {\n color: var(--light-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-active {\n border-color: var(--color-primary-400) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active,\n.blog-nav-active:hover,\n.blog-nav-active:active {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Navigation focus ring **/\n.group:focus .group-focus\\:ring {\n box-shadow: 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Blog content area */\n\n/** Card title **/\n.blog-post-card-title a {\n color: var(--color-primary-200) !important;\n flex: 1;\n text-decoration: none !important;\n background-image: linear-gradient(to right, var(--color-primary-300) 0, var(--color-primary-300) 100%) !important;\n background-position: 0 1.15em !important;\n background-size: 0 100% !important;\n background-repeat: no-repeat !important;\n transition: background .5s !important;\n}\n\n.dark .blog-post-card-title a {\n color: var(--color-primary-200) !important;\n flex: 1;\n text-decoration: none !important;\n background-image: linear-gradient(to right, var(--color-primary-300) 0, var(--color-primary-300) 100%) !important;\n background-position: 0 1.15em !important;\n background-size: 0 100% !important;\n background-repeat: no-repeat !important;\n transition: background .5s !important;\n}\n\n.blog-post-card-title a:hover,\n.blog-post-card-title a:active {\n background-size: 100% 100% !important;\n}\n\n/** Card meta **/\n.blog-post-card-meta {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-post-card-meta {\n color: var(--light-color-font-300) !important;\n}\n\n/** Card brief **/\n.blog-post-card-brief {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-post-card-brief {\n color: var(--light-color-font-200) !important;\n}\n\n/** Card Cover image **/\n.blog-post-card-cover img {\n border radius: 0.5rem !important;\n}\n\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover,\n.blog-footer-credits a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","post":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Back to home button **/\n.blog-back-to-home-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-back-to-home-button {\n color: var(--light-color-font-100) !important;\n}\n\n/** Bars button **/\n.blog-bars-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-bars-button {\n color: var(--light-color-font-100) !important;\n}\n\n/** Back to home and Bars butrton hover **/\n.hover\\:bg-black\\/10:hover,\n.hover\\:bg-black\\/10:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Border color */\n.border-slate-200 {\n border-color: var(--color-primary-400) !important;\n}\n\n/* Blog menu */\n\n/** H2 headlines **/\n.ScrollAreaRoot h2 {\n color: color: var(--dark-color-font-100) !important;;\n}\n\n.dark .ScrollAreaRoot h2 {\n color: color: var(--light-color-font-100) !important;;\n}\n\n/** Nav section **/\n.blog-nav {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-nav {\n color: var(--light-color-font-200) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active {\n background-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-200) !important;\n}\n\n/* Blog article page */\n\n/** Cover image **/\n.blog-article-page img {\n border-radius: 0 0 0.5rem 0.5rem !important;\n}\n\n/** Image credits **/\n.blog-article-page .text-sm {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-article-page .text-sm {\n color: var(--light-color-font-200) !important;\n}\n\n.blog-article-page .text-sm a:hover,\n.blog-article-page .text-sm a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Contents table */\n.hover\\:bg-slate-100:hover,\n.hover\\:bg-slate-100:active {\n background-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n/*Blog content */\n\n/** Links **/\n.blog-content-main a {\n color: var(--dark-color-font-100) !important;\n font-weight: 400 !important;\n letter-spacing: -.025em !important;\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n}\n\n.dark .blog-content-main a {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-content-main a:hover,\n.blog-content-main a:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Headings, text etc. **/\n.blog-content-main h1,\n.blog-content-main h2,\n.blog-content-main h3,\n.blog-content-main p {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-content-main h1,\n.dark .blog-content-main h2,\n.dark .blog-content-main h3,\n.dark .blog-content-main p {\n color: var(--light-color-font-100) !important;\n}\n\n/** Strong text **/\n.prose :where(strong):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n font-weight: 600;\n}\n\n.dark .prose :where(strong):not(:where([class~=not-prose] *)) {\n color: color: var(--light-color-font-100) !important;\n font-weight: 600;\n}\n\n/** Inline code **/\n.prose code {\n background-color: var(--color-primary-400) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Code block **/\n.prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.dark .prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n.prose button {\n color: var(--light-color-font-100) !important;\n}\n\n.prose button:hover,\n.prose button:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Marked text **/\n.blog-content-main mark {\n background-color: var(--color-primary-100) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Blockquote **/\n.blog-content-main blockquote {\n border-color: var(--color-primary-400) !important;\n}\n\n/** Summary **/\n.blog-content-main summary,\n.blog-content-main details {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-content-main summary,\n.dark .blog-content-main details {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-content-main summary::marker {\n color: var(--color-primary-400) !important;\n}\n\n:where(details>:not(summary)):not(:where([class~=not-prose] *)):before {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Callout **/\n.prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)) {\n background-color: var(--light-color-surface-100) !important;\n padding: 1rem 1rem !important;\n border: none !important;\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n padding: 1rem 1rem !important;\n border: none !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(div[data-node-type=callout-emoji]):not(:where([class~=not-prose] *)) {\n background: none !important;\n border-radius: 3rem !important;\n min-width: 3rem !important;\n min-height: 3rem !important;\n font-size: 2rem !important;\n border: 2px solid var(--color-primary-400) !important;\n}\n\n/** Images **/\n.blog-content-main img {\n border-radius: 0.5rem !important;\n}\n\n/** Table **/\n.prose {\n color: var(--dark-color-font-100) !important;\n}\n\n.prose :where(thead):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .prose {\n color: var(--light-color-font-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(thead):not(:where([class~=not-prose] *)) {\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(td):not(:where([class~=not-prose] *)) {\n border: 1px solid #9b9b9b !important;\n}\n\n.prose .hn-table table {\n border: 1px solid #9b9b9b !important;\n}\n\n.dark .prose :where(td):not(:where([class~=not-prose] *)) {\n border: 1px solid #9b9b9b !important;\n}\n\n.dark .prose .hn-table table {\n border: 1px solid #9b9b9b !important;\n}\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover {\n color: var(--color-primary-300) !important;\n}\n\n/* Author follow button */\n.author-follow-button {\n color: var(--light-color-surface-100) !important;\n border-color: var(--color-primary-400) !important;\n background-color: var(--color-primary-400) !important;\n}\n\n.dark .author-follow-button {\n color: var(--dark-color-surface-100) !important;\n border-color: var(--color-primary-400) !important;\n background-color: var(--color-primary-400) !important;\n}\n\n.author-follow-button:hover,\n.author-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/* Series */\n.blog-series-heading h3 {\n color: var(--color-primary-300) !important;\n}\n\n.blog-series-number {\n background-color: var(--color-primary-300) !important;\n}\n\n.blog-series-cover img {\n border-radius: 0.5rem !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","static":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Spacing **/\n.pt-8 {\n padding-top: 1rem !important;\n}\n.pb-2 {\n padding-bottom: 0 !important;\n}\n.mt-8 {\n margin-top: 1rem !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Navigation */\n.blog-nav-text {\n color: var(--dark-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-text:hover,\n.blog-nav-text:active {\n background: none !important;\n}\n\n.dark .blog-nav-text {\n color: var(--light-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-active {\n border-color: var(--color-primary-400) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active,\n.blog-nav-active:hover,\n.blog-nav-active:active {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Navigation focus ring **/\n.group:focus .group-focus\\:ring {\n box-shadow: 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n\n/* Page content area */\n\n/** Page title **/\n.blog-page-title {\n color: var(--color-primary-200) !important;\n}\n\n/** Heading, text, etc. **/\n.blog-page-content h1,\n.blog-page-content h2,\n.blog-page-content h3,\n.blog-page-content p,\n.blog-page-content prose {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-page-content h1,\n.dark .blog-page-content h2,\n.dark .blog-page-content h3,\n.dark .blog-page-content p,\n.dark .blog-page-content prose {\n color: var(--light-color-font-100) !important;\n}\n\n/** Strong text **/\n.prose :where(strong):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n font-weight: 600;\n}\n\n.dark .prose :where(strong):not(:where([class~=not-prose] *)) {\n color: color: var(--light-color-font-100) !important;\n font-weight: 600;\n}\n\n/** Inline code **/\n.prose code {\n background-color: var(--color-primary-400) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Code block **/\n.prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.dark .prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n.prose button {\n color: var(--light-color-font-100) !important;\n}\n\n.prose button:hover,\n.prose button:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Blockquote **/\n.blog-page-content blockquote {\n border-color: var(--color-primary-400) !important;\n}\n\n/** Images **/\n.blog-page-content img {\n border-radius: 0.5rem !important;\n}\n\n/** Links **/\n.blog-page-content a {\n color: var(--dark-color-font-100) !important;\n font-weight: 400 !important;\n letter-spacing: -.025em !important;\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n}\n\n.dark .blog-page-content a {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-page-content a:hover,\n.blog-page-content a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover,\n.blog-footer-credits a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","homeMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.pt-8{padding-top:1rem !important}.pb-2{padding-bottom:0 !important}.mt-8{margin-top:1rem !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-nav-text{color:var(--dark-color-font-100) !important;font-weight:500 !important}.blog-nav-text:hover,.blog-nav-text:active{background:none !important}.dark .blog-nav-text{color:var(--light-color-font-100) !important;font-weight:500 !important}.blog-nav-active{border-color:var(--color-primary-400) !important}.blog-nav:hover,.blog-nav:active,.blog-nav-active:hover,.blog-nav-active:active{border-color:var(--color-primary-300) !important}.group:focus .group-focus\\:ring{box-shadow:0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-post-card-title a{color:var(--color-primary-200) !important;flex:1;text-decoration:none !important;background-image:linear-gradient(to right,var(--color-primary-300) 0,var(--color-primary-300) 100%) !important;background-position:0 1.15em !important;background-size:0 100% !important;background-repeat:no-repeat !important;transition:background .5s !important}.dark .blog-post-card-title a{color:var(--color-primary-200) !important;flex:1;text-decoration:none !important;background-image:linear-gradient(to right,var(--color-primary-300) 0,var(--color-primary-300) 100%) !important;background-position:0 1.15em !important;background-size:0 100% !important;background-repeat:no-repeat !important;transition:background .5s !important}.blog-post-card-title a:hover,.blog-post-card-title a:active{background-size:100% 100% !important}.blog-post-card-meta{color:var(--dark-color-font-600) !important}.dark .blog-post-card-meta{color:var(--light-color-font-300) !important}.blog-post-card-brief{color:var(--dark-color-font-300) !important}.dark .blog-post-card-brief{color:var(--light-color-font-200) !important}.blog-post-card-cover img{border radius:.5rem !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover,.blog-footer-credits a:active{color:var(--color-primary-300) !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}","postMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.blog-back-to-home-button{color:var(--dark-color-font-100) !important}.dark .blog-back-to-home-button{color:var(--light-color-font-100) !important}.blog-bars-button{color:var(--dark-color-font-100) !important}.dark .blog-bars-button{color:var(--light-color-font-100) !important}.hover\\:bg-black\\/10:hover,.hover\\:bg-black\\/10:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.border-slate-200{border-color:var(--color-primary-400) !important}.ScrollAreaRoot h2{color:color:var(--dark-color-font-100) !important}.dark .ScrollAreaRoot h2{color:color:var(--light-color-font-100) !important}.blog-nav{color:var(--dark-color-font-300) !important}.dark .blog-nav{color:var(--light-color-font-200) !important}.blog-nav:hover,.blog-nav:active{background-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.blog-social-media-section{color:var(--dark-color-font-300) !important}.dark .blog-social-media-section{color:var(--light-color-font-200) !important}.blog-article-page img{border-radius:0 0 .5rem .5rem !important}.blog-article-page .text-sm{color:var(--dark-color-font-300) !important}.dark .blog-article-page .text-sm{color:var(--light-color-font-200) !important}.blog-article-page .text-sm a:hover,.blog-article-page .text-sm a:active{color:var(--color-primary-300) !important}.hover\\:bg-slate-100:hover,.hover\\:bg-slate-100:active{background-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.blog-content-main a{color:var(--dark-color-font-100) !important;font-weight:400 !important;letter-spacing:-.025em !important;font-size:1.25rem !important;line-height:1.8 !important}.dark .blog-content-main a{color:var(--light-color-font-100) !important}.blog-content-main a:hover,.blog-content-main a:active{color:var(--color-primary-300) !important}.blog-content-main h1,.blog-content-main h2,.blog-content-main h3,.blog-content-main p{color:var(--dark-color-font-100) !important}.dark .blog-content-main h1,.dark .blog-content-main h2,.dark .blog-content-main h3,.dark .blog-content-main p{color:var(--light-color-font-100) !important}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important;font-weight:600}.dark .prose :where(strong):not(:where([class~=not-prose] *)){color:color:var(--light-color-font-100) !important;font-weight:600}.prose code{background-color:var(--color-primary-400) !important;color:var(--dark-color-font-100) !important}.prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.dark .prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}.prose button{color:var(--light-color-font-100) !important}.prose button:hover,.prose button:active{color:var(--color-primary-300) !important}.blog-content-main mark{background-color:var(--color-primary-100) !important;color:var(--dark-color-font-100) !important}.blog-content-main blockquote{border-color:var(--color-primary-400) !important}.blog-content-main summary,.blog-content-main details{color:var(--dark-color-font-100) !important}.dark .blog-content-main summary,.dark .blog-content-main details{color:var(--light-color-font-100) !important}.blog-content-main summary::marker{color:var(--color-primary-400) !important}:where(details>:not(summary)):not(:where([class~=not-prose] *)):before{border-color:var(--color-primary-300) !important}.prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)){background-color:var(--light-color-surface-100) !important;padding:1rem 1rem !important;border:none !important;color:var(--dark-color-font-100) !important}.dark .prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important;padding:1rem 1rem !important;border:none !important;color:var(--light-color-font-100) !important}.prose :where(div[data-node-type=callout-emoji]):not(:where([class~=not-prose] *)){background:none !important;border-radius:3rem !important;min-width:3rem !important;min-height:3rem !important;font-size:2rem !important;border:2px solid var(--color-primary-400) !important}.blog-content-main img{border-radius:.5rem !important}.prose{color:var(--dark-color-font-100) !important}.prose :where(thead):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important}.dark .prose{color:var(--light-color-font-100) !important}:is(.dark .dark\\:prose-dark) :where(thead):not(:where([class~=not-prose] *)){color:var(--light-color-font-100) !important}.prose :where(td):not(:where([class~=not-prose] *)){border:1px solid #9b9b9b !important}.prose .hn-table table{border:1px solid #9b9b9b !important}.dark .prose :where(td):not(:where([class~=not-prose] *)){border:1px solid #9b9b9b !important}.dark .prose .hn-table table{border:1px solid #9b9b9b !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover{color:var(--color-primary-300) !important}.author-follow-button{color:var(--light-color-surface-100) !important;border-color:var(--color-primary-400) !important;background-color:var(--color-primary-400) !important}.dark .author-follow-button{color:var(--dark-color-surface-100) !important;border-color:var(--color-primary-400) !important;background-color:var(--color-primary-400) !important}.author-follow-button:hover,.author-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-series-heading h3{color:var(--color-primary-300) !important}.blog-series-number{background-color:var(--color-primary-300) !important}.blog-series-cover img{border-radius:.5rem !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}","staticMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.pt-8{padding-top:1rem !important}.pb-2{padding-bottom:0 !important}.mt-8{margin-top:1rem !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-nav-text{color:var(--dark-color-font-100) !important;font-weight:500 !important}.blog-nav-text:hover,.blog-nav-text:active{background:none !important}.dark .blog-nav-text{color:var(--light-color-font-100) !important;font-weight:500 !important}.blog-nav-active{border-color:var(--color-primary-400) !important}.blog-nav:hover,.blog-nav:active,.blog-nav-active:hover,.blog-nav-active:active{border-color:var(--color-primary-300) !important}.group:focus .group-focus\\:ring{box-shadow:0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-page-title{color:var(--color-primary-200) !important}.blog-page-content h1,.blog-page-content h2,.blog-page-content h3,.blog-page-content p,.blog-page-content prose{color:var(--dark-color-font-100) !important}.dark .blog-page-content h1,.dark .blog-page-content h2,.dark .blog-page-content h3,.dark .blog-page-content p,.dark .blog-page-content prose{color:var(--light-color-font-100) !important}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important;font-weight:600}.dark .prose :where(strong):not(:where([class~=not-prose] *)){color:color:var(--light-color-font-100) !important;font-weight:600}.prose code{background-color:var(--color-primary-400) !important;color:var(--dark-color-font-100) !important}.prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.dark .prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}.prose button{color:var(--light-color-font-100) !important}.prose button:hover,.prose button:active{color:var(--color-primary-300) !important}.blog-page-content blockquote{border-color:var(--color-primary-400) !important}.blog-page-content img{border-radius:.5rem !important}.blog-page-content a{color:var(--dark-color-font-100) !important;font-weight:400 !important;letter-spacing:-.025em !important;font-size:1.25rem !important;line-height:1.8 !important}.dark .blog-page-content a{color:var(--light-color-font-100) !important}.blog-page-content a:hover,.blog-page-content a:active{color:var(--color-primary-300) !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover,.blog-footer-credits a:active{color:var(--color-primary-300) !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}"},"imprint":"

Unfortunately, since I live in Germany, it's not going to work without some legal stuff.

\n","imprintMarkdown":"Unfortunately, since I live in Germany, it's not going to work without some [legal stuff](/legal-stuff).","meta":"Software developer and micro controller enthusiast who has big problems with finishing a project and documenting it properly before starting the next one...","metaHTML":"

Software developer and micro controller enthusiast who has big problems with finishing a project and documenting it properly before starting the next one...

\n","darkModeLogo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1704456058029/DLsIdyATW.png","favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1704456260908/DFnwGKhZ5.png","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1704456051546/A9Vw04Yly.png","pro":{"user":"65955617a09e53e34d0890a2","hasProAccess":true,"updatedAt":"2024-11-25T14:19:21.249Z","cancelationEffectiveDate":"2025-01-09T00:00:00.000Z","canceledAt":"2024-11-25T14:19:19.000Z"},"description":"Dive into the raw, unfiltered journey of a blogger navigating the tech world. Experience the highs and lows of coding, tech projects, 3D printing and anything in between.","displayTitle":"punkt.codes blog","ogImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1704892511977/btSS7TBIk.png","createdAt":"2024-01-03T12:42:57.000Z","updatedAt":"2024-01-03T12:42:57.000Z","isLegacyPro":true,"isTeam":true}},{"_id":"65d38e90af4b406313c632b6","views":70,"isActive":true,"type":"story","partOfPublication":true,"responseCount":0,"replyCount":0,"reactions":[],"totalReactions":0,"isPinnedToBlog":false,"title":"How to Debug WireGuard: Enabling Kernel Logging","cuid":"clst7gq31000109jr75tf814r","dateAdded":"2024-02-19T17:23:28.141Z","isCoverAttributionHidden":false,"coverImageAttribution":"https://unsplash.com/@6heinz3r","coverImagePhotographer":"Gabriel Heinzer","slug":"how-to-debug-wireguard-enabling-kernel-logging","coverImage":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/4Mw7nkQDByk/upload/8a526220b074d91ac683fbeebb2c80d5.jpeg","brief":"WireGuard, as far as I know, does not create log files, which can make it difficult to troubleshoot issues with the AllowedIPs configuration, particularly when not all traffic is intended to be routed through the tunnel.\nHowever, as a kernel module, ...","author":"65955617a09e53e34d0890a2","readTime":1,"tags":["5f7099d85fd46b6601bc00f5","5a66e6714c88fdb11626d866"],"publication":{"_id":"659556511c5a86a2cbd84034","title":"punkt.codes","domain":"punkt.codes","domainUpdatedOn":"2024-02-19T22:05:04.504Z","domainStatus":{"certIssued":true,"ready":true},"wwwPrefixedDomain":"www.punkt.codes","wwwPrefixedDomainStatus":{"certIssued":true,"ready":true},"isActive":true,"author":"65955617a09e53e34d0890a2","username":"sdrwtf","urlPattern":"simple","links":{"twitter":"","instagram":"","github":"https://github.com/sdrwtf","website":"","hashnode":"https://hashnode.com/@sdrwtf","youtube":"","dailydev":"","linkedin":"","mastodon":""},"numFollowers":0,"badgePageEnabled":false,"membersPageEnabled":true,"newsletterPageEnabled":false,"layout":"stacked","newsletterEnabled":false,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"views":{"today":1,"thisWeek":2,"lastWeek":5,"allTime":983,"thisMonth":22},"dailyViewsForCurrentMonth":{"1712102400":1,"1712361600":3,"1712707200":2,"1712793600":1,"1712880000":1,"1712966400":2,"1713225600":1,"1713398400":1,"1713484800":1,"1713657600":1,"1713744000":1,"1713916800":2,"1714003200":1,"1714089600":1,"1714348800":10,"1714435200":3,"1714521600":2},"viewCountVisible":true,"readTimeHidden":false,"customCSSEnabled":true,"disableFooterBranding":true,"isSubscriptionModalDisabled":true,"domainChecklistSkipped":false,"stripe":{"connected":false},"umamiDataImported":true,"isGithubAsSourceConnected":false,"githubAsSourceDetails":null,"blockBackupAllButton":false,"blockBackupAllDraftsButton":false,"emailPreferences":{"draftSubmissionNotifications":true},"isHeadless":false,"allowCrawlingByGPT":false,"customRules":[],"menu":[{"type":"page","label":"About","page":"659c2757b80581bc19580796","priority":0,"_id":"659c276ab80581bc19580823"}],"__v":0,"umamiWebsiteUUID":"b502c110-439e-420d-a110-b30674cf6010","headerColor":"","darkModeEnabled":true,"hasBadges":true,"customCSSDraft":{"home":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n /*font-size: 1.75rem !important;*/\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/*.blog-author-container {*/\n /*background: #fb8500 !important;*/\n/*}*/\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Spacing **/\n.pt-8 {\n padding-top: 1rem !important;\n}\n.pb-2 {\n padding-bottom: 0 !important;\n}\n.mt-8 {\n margin-top: 1rem !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Navigation */\n.blog-nav-text {\n color: var(--dark-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-text:hover,\n.blog-nav-text:active {\n background: none !important;\n}\n\n.dark .blog-nav-text {\n color: var(--light-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-active {\n border-color: var(--color-primary-400) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active,\n.blog-nav-active:hover,\n.blog-nav-active:active {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Navigation focus ring **/\n.group:focus .group-focus\\:ring {\n box-shadow: 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Blog content area */\n\n/** Card title **/\n.blog-post-card-title a {\n color: var(--color-primary-200) !important;\n flex: 1;\n text-decoration: none !important;\n background-image: linear-gradient(to right, var(--color-primary-300) 0, var(--color-primary-300) 100%) !important;\n background-position: 0 1.15em !important;\n background-size: 0 100% !important;\n background-repeat: no-repeat !important;\n transition: background .5s !important;\n}\n\n.dark .blog-post-card-title a {\n color: var(--color-primary-200) !important;\n flex: 1;\n text-decoration: none !important;\n background-image: linear-gradient(to right, var(--color-primary-300) 0, var(--color-primary-300) 100%) !important;\n background-position: 0 1.15em !important;\n background-size: 0 100% !important;\n background-repeat: no-repeat !important;\n transition: background .5s !important;\n}\n\n.blog-post-card-title a:hover,\n.blog-post-card-title a:active {\n background-size: 100% 100% !important;\n}\n\n/** Card meta **/\n.blog-post-card-meta {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-post-card-meta {\n color: var(--light-color-font-300) !important;\n}\n\n/** Card brief **/\n.blog-post-card-brief {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-post-card-brief {\n color: var(--light-color-font-200) !important;\n}\n\n/** Card Cover image **/\n.blog-post-card-cover img {\n border radius: 0.5rem !important;\n}\n\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover,\n.blog-footer-credits a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","post":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Back to home button **/\n.blog-back-to-home-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-back-to-home-button {\n color: var(--light-color-font-100) !important;\n}\n\n/** Bars button **/\n.blog-bars-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-bars-button {\n color: var(--light-color-font-100) !important;\n}\n\n/** Back to home and Bars butrton hover **/\n.hover\\:bg-black\\/10:hover,\n.hover\\:bg-black\\/10:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Border color */\n.border-slate-200 {\n border-color: var(--color-primary-400) !important;\n}\n\n/* Blog menu */\n\n/** H2 headlines **/\n.ScrollAreaRoot h2 {\n color: color: var(--dark-color-font-100) !important;;\n}\n\n.dark .ScrollAreaRoot h2 {\n color: color: var(--light-color-font-100) !important;;\n}\n\n/** Nav section **/\n.blog-nav {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-nav {\n color: var(--light-color-font-200) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active {\n background-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-200) !important;\n}\n\n/* Blog article page */\n\n/** Cover image **/\n.blog-article-page img {\n border-radius: 0 0 0.5rem 0.5rem !important;\n}\n\n/** Image credits **/\n.blog-article-page .text-sm {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-article-page .text-sm {\n color: var(--light-color-font-200) !important;\n}\n\n.blog-article-page .text-sm a:hover,\n.blog-article-page .text-sm a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Contents table */\n.hover\\:bg-slate-100:hover,\n.hover\\:bg-slate-100:active {\n background-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n/*Blog content */\n\n/** Links **/\n.blog-content-main a {\n color: var(--dark-color-font-100) !important;\n font-weight: 400 !important;\n letter-spacing: -.025em !important;\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n}\n\n.dark .blog-content-main a {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-content-main a:hover,\n.blog-content-main a:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Headings, text etc. **/\n.blog-content-main h1,\n.blog-content-main h2,\n.blog-content-main h3,\n.blog-content-main p {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-content-main h1,\n.dark .blog-content-main h2,\n.dark .blog-content-main h3,\n.dark .blog-content-main p {\n color: var(--light-color-font-100) !important;\n}\n\n/** Strong text **/\n.prose :where(strong):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n font-weight: 600;\n}\n\n.dark .prose :where(strong):not(:where([class~=not-prose] *)) {\n color: color: var(--light-color-font-100) !important;\n font-weight: 600;\n}\n\n/** Inline code **/\n.prose code {\n background-color: var(--color-primary-400) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Code block **/\n.prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.dark .prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n.prose button {\n color: var(--light-color-font-100) !important;\n}\n\n.prose button:hover,\n.prose button:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Marked text **/\n.blog-content-main mark {\n background-color: var(--color-primary-100) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Blockquote **/\n.blog-content-main blockquote {\n border-color: var(--color-primary-400) !important;\n}\n\n/** Summary **/\n.blog-content-main summary,\n.blog-content-main details {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-content-main summary,\n.dark .blog-content-main details {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-content-main summary::marker {\n color: var(--color-primary-400) !important;\n}\n\n:where(details>:not(summary)):not(:where([class~=not-prose] *)):before {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Callout **/\n.prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)) {\n background-color: var(--light-color-surface-100) !important;\n padding: 1rem 1rem !important;\n border: none !important;\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n padding: 1rem 1rem !important;\n border: none !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(div[data-node-type=callout-emoji]):not(:where([class~=not-prose] *)) {\n background: none !important;\n border-radius: 3rem !important;\n min-width: 3rem !important;\n min-height: 3rem !important;\n font-size: 2rem !important;\n border: 2px solid var(--color-primary-400) !important;\n}\n\n/** Images **/\n.blog-content-main img {\n border-radius: 0.5rem !important;\n}\n\n/** Table **/\n.prose {\n color: var(--dark-color-font-100) !important;\n}\n\n.prose :where(thead):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .prose {\n color: var(--light-color-font-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(thead):not(:where([class~=not-prose] *)) {\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(td):not(:where([class~=not-prose] *)) {\n border: 1px solid #9b9b9b !important;\n}\n\n.prose .hn-table table {\n border: 1px solid #9b9b9b !important;\n}\n\n.dark .prose :where(td):not(:where([class~=not-prose] *)) {\n border: 1px solid #9b9b9b !important;\n}\n\n.dark .prose .hn-table table {\n border: 1px solid #9b9b9b !important;\n}\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover {\n color: var(--color-primary-300) !important;\n}\n\n/* Author follow button */\n.author-follow-button {\n color: var(--light-color-surface-100) !important;\n border-color: var(--color-primary-400) !important;\n background-color: var(--color-primary-400) !important;\n}\n\n.dark .author-follow-button {\n color: var(--dark-color-surface-100) !important;\n border-color: var(--color-primary-400) !important;\n background-color: var(--color-primary-400) !important;\n}\n\n.author-follow-button:hover,\n.author-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/* Series */\n.blog-series-heading h3 {\n color: var(--color-primary-300) !important;\n}\n\n.blog-series-number {\n background-color: var(--color-primary-300) !important;\n}\n\n.blog-series-cover img {\n border-radius: 0.5rem !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","static":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Spacing **/\n.pt-8 {\n padding-top: 1rem !important;\n}\n.pb-2 {\n padding-bottom: 0 !important;\n}\n.mt-8 {\n margin-top: 1rem !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Navigation */\n.blog-nav-text {\n color: var(--dark-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-text:hover,\n.blog-nav-text:active {\n background: none !important;\n}\n\n.dark .blog-nav-text {\n color: var(--light-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-active {\n border-color: var(--color-primary-400) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active,\n.blog-nav-active:hover,\n.blog-nav-active:active {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Navigation focus ring **/\n.group:focus .group-focus\\:ring {\n box-shadow: 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n\n/* Page content area */\n\n/** Page title **/\n.blog-page-title {\n color: var(--color-primary-200) !important;\n}\n\n/** Heading, text, etc. **/\n.blog-page-content h1,\n.blog-page-content h2,\n.blog-page-content h3,\n.blog-page-content p,\n.blog-page-content prose {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-page-content h1,\n.dark .blog-page-content h2,\n.dark .blog-page-content h3,\n.dark .blog-page-content p,\n.dark .blog-page-content prose {\n color: var(--light-color-font-100) !important;\n}\n\n/** Strong text **/\n.prose :where(strong):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n font-weight: 600;\n}\n\n.dark .prose :where(strong):not(:where([class~=not-prose] *)) {\n color: color: var(--light-color-font-100) !important;\n font-weight: 600;\n}\n\n/** Inline code **/\n.prose code {\n background-color: var(--color-primary-400) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Code block **/\n.prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.dark .prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n.prose button {\n color: var(--light-color-font-100) !important;\n}\n\n.prose button:hover,\n.prose button:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Blockquote **/\n.blog-page-content blockquote {\n border-color: var(--color-primary-400) !important;\n}\n\n/** Images **/\n.blog-page-content img {\n border-radius: 0.5rem !important;\n}\n\n/** Links **/\n.blog-page-content a {\n color: var(--dark-color-font-100) !important;\n font-weight: 400 !important;\n letter-spacing: -.025em !important;\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n}\n\n.dark .blog-page-content a {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-page-content a:hover,\n.blog-page-content a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover,\n.blog-footer-credits a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","homeMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.pt-8{padding-top:1rem !important}.pb-2{padding-bottom:0 !important}.mt-8{margin-top:1rem !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-nav-text{color:var(--dark-color-font-100) !important;font-weight:500 !important}.blog-nav-text:hover,.blog-nav-text:active{background:none !important}.dark .blog-nav-text{color:var(--light-color-font-100) !important;font-weight:500 !important}.blog-nav-active{border-color:var(--color-primary-400) !important}.blog-nav:hover,.blog-nav:active,.blog-nav-active:hover,.blog-nav-active:active{border-color:var(--color-primary-300) !important}.group:focus .group-focus\\:ring{box-shadow:0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-post-card-title a{color:var(--color-primary-200) !important;flex:1;text-decoration:none !important;background-image:linear-gradient(to right,var(--color-primary-300) 0,var(--color-primary-300) 100%) !important;background-position:0 1.15em !important;background-size:0 100% !important;background-repeat:no-repeat !important;transition:background .5s !important}.dark .blog-post-card-title a{color:var(--color-primary-200) !important;flex:1;text-decoration:none !important;background-image:linear-gradient(to right,var(--color-primary-300) 0,var(--color-primary-300) 100%) !important;background-position:0 1.15em !important;background-size:0 100% !important;background-repeat:no-repeat !important;transition:background .5s !important}.blog-post-card-title a:hover,.blog-post-card-title a:active{background-size:100% 100% !important}.blog-post-card-meta{color:var(--dark-color-font-600) !important}.dark .blog-post-card-meta{color:var(--light-color-font-300) !important}.blog-post-card-brief{color:var(--dark-color-font-300) !important}.dark .blog-post-card-brief{color:var(--light-color-font-200) !important}.blog-post-card-cover img{border radius:.5rem !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover,.blog-footer-credits a:active{color:var(--color-primary-300) !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}","postMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.blog-back-to-home-button{color:var(--dark-color-font-100) !important}.dark .blog-back-to-home-button{color:var(--light-color-font-100) !important}.blog-bars-button{color:var(--dark-color-font-100) !important}.dark .blog-bars-button{color:var(--light-color-font-100) !important}.hover\\:bg-black\\/10:hover,.hover\\:bg-black\\/10:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.border-slate-200{border-color:var(--color-primary-400) !important}.ScrollAreaRoot h2{color:color:var(--dark-color-font-100) !important}.dark .ScrollAreaRoot h2{color:color:var(--light-color-font-100) !important}.blog-nav{color:var(--dark-color-font-300) !important}.dark .blog-nav{color:var(--light-color-font-200) !important}.blog-nav:hover,.blog-nav:active{background-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.blog-social-media-section{color:var(--dark-color-font-300) !important}.dark .blog-social-media-section{color:var(--light-color-font-200) !important}.blog-article-page img{border-radius:0 0 .5rem .5rem !important}.blog-article-page .text-sm{color:var(--dark-color-font-300) !important}.dark .blog-article-page .text-sm{color:var(--light-color-font-200) !important}.blog-article-page .text-sm a:hover,.blog-article-page .text-sm a:active{color:var(--color-primary-300) !important}.hover\\:bg-slate-100:hover,.hover\\:bg-slate-100:active{background-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.blog-content-main a{color:var(--dark-color-font-100) !important;font-weight:400 !important;letter-spacing:-.025em !important;font-size:1.25rem !important;line-height:1.8 !important}.dark .blog-content-main a{color:var(--light-color-font-100) !important}.blog-content-main a:hover,.blog-content-main a:active{color:var(--color-primary-300) !important}.blog-content-main h1,.blog-content-main h2,.blog-content-main h3,.blog-content-main p{color:var(--dark-color-font-100) !important}.dark .blog-content-main h1,.dark .blog-content-main h2,.dark .blog-content-main h3,.dark .blog-content-main p{color:var(--light-color-font-100) !important}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important;font-weight:600}.dark .prose :where(strong):not(:where([class~=not-prose] *)){color:color:var(--light-color-font-100) !important;font-weight:600}.prose code{background-color:var(--color-primary-400) !important;color:var(--dark-color-font-100) !important}.prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.dark .prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}.prose button{color:var(--light-color-font-100) !important}.prose button:hover,.prose button:active{color:var(--color-primary-300) !important}.blog-content-main mark{background-color:var(--color-primary-100) !important;color:var(--dark-color-font-100) !important}.blog-content-main blockquote{border-color:var(--color-primary-400) !important}.blog-content-main summary,.blog-content-main details{color:var(--dark-color-font-100) !important}.dark .blog-content-main summary,.dark .blog-content-main details{color:var(--light-color-font-100) !important}.blog-content-main summary::marker{color:var(--color-primary-400) !important}:where(details>:not(summary)):not(:where([class~=not-prose] *)):before{border-color:var(--color-primary-300) !important}.prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)){background-color:var(--light-color-surface-100) !important;padding:1rem 1rem !important;border:none !important;color:var(--dark-color-font-100) !important}.dark .prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important;padding:1rem 1rem !important;border:none !important;color:var(--light-color-font-100) !important}.prose :where(div[data-node-type=callout-emoji]):not(:where([class~=not-prose] *)){background:none !important;border-radius:3rem !important;min-width:3rem !important;min-height:3rem !important;font-size:2rem !important;border:2px solid var(--color-primary-400) !important}.blog-content-main img{border-radius:.5rem !important}.prose{color:var(--dark-color-font-100) !important}.prose :where(thead):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important}.dark .prose{color:var(--light-color-font-100) !important}:is(.dark .dark\\:prose-dark) :where(thead):not(:where([class~=not-prose] *)){color:var(--light-color-font-100) !important}.prose :where(td):not(:where([class~=not-prose] *)){border:1px solid #9b9b9b !important}.prose .hn-table table{border:1px solid #9b9b9b !important}.dark .prose :where(td):not(:where([class~=not-prose] *)){border:1px solid #9b9b9b !important}.dark .prose .hn-table table{border:1px solid #9b9b9b !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover{color:var(--color-primary-300) !important}.author-follow-button{color:var(--light-color-surface-100) !important;border-color:var(--color-primary-400) !important;background-color:var(--color-primary-400) !important}.dark .author-follow-button{color:var(--dark-color-surface-100) !important;border-color:var(--color-primary-400) !important;background-color:var(--color-primary-400) !important}.author-follow-button:hover,.author-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-series-heading h3{color:var(--color-primary-300) !important}.blog-series-number{background-color:var(--color-primary-300) !important}.blog-series-cover img{border-radius:.5rem !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}","staticMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.pt-8{padding-top:1rem !important}.pb-2{padding-bottom:0 !important}.mt-8{margin-top:1rem !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-nav-text{color:var(--dark-color-font-100) !important;font-weight:500 !important}.blog-nav-text:hover,.blog-nav-text:active{background:none !important}.dark .blog-nav-text{color:var(--light-color-font-100) !important;font-weight:500 !important}.blog-nav-active{border-color:var(--color-primary-400) !important}.blog-nav:hover,.blog-nav:active,.blog-nav-active:hover,.blog-nav-active:active{border-color:var(--color-primary-300) !important}.group:focus .group-focus\\:ring{box-shadow:0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-page-title{color:var(--color-primary-200) !important}.blog-page-content h1,.blog-page-content h2,.blog-page-content h3,.blog-page-content p,.blog-page-content prose{color:var(--dark-color-font-100) !important}.dark .blog-page-content h1,.dark .blog-page-content h2,.dark .blog-page-content h3,.dark .blog-page-content p,.dark .blog-page-content prose{color:var(--light-color-font-100) !important}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important;font-weight:600}.dark .prose :where(strong):not(:where([class~=not-prose] *)){color:color:var(--light-color-font-100) !important;font-weight:600}.prose code{background-color:var(--color-primary-400) !important;color:var(--dark-color-font-100) !important}.prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.dark .prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}.prose button{color:var(--light-color-font-100) !important}.prose button:hover,.prose button:active{color:var(--color-primary-300) !important}.blog-page-content blockquote{border-color:var(--color-primary-400) !important}.blog-page-content img{border-radius:.5rem !important}.blog-page-content a{color:var(--dark-color-font-100) !important;font-weight:400 !important;letter-spacing:-.025em !important;font-size:1.25rem !important;line-height:1.8 !important}.dark .blog-page-content a{color:var(--light-color-font-100) !important}.blog-page-content a:hover,.blog-page-content a:active{color:var(--color-primary-300) !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover,.blog-footer-credits a:active{color:var(--color-primary-300) !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}"},"customCSSPublished":{"home":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n /*font-size: 1.75rem !important;*/\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/*.blog-author-container {*/\n /*background: #fb8500 !important;*/\n/*}*/\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Spacing **/\n.pt-8 {\n padding-top: 1rem !important;\n}\n.pb-2 {\n padding-bottom: 0 !important;\n}\n.mt-8 {\n margin-top: 1rem !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Navigation */\n.blog-nav-text {\n color: var(--dark-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-text:hover,\n.blog-nav-text:active {\n background: none !important;\n}\n\n.dark .blog-nav-text {\n color: var(--light-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-active {\n border-color: var(--color-primary-400) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active,\n.blog-nav-active:hover,\n.blog-nav-active:active {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Navigation focus ring **/\n.group:focus .group-focus\\:ring {\n box-shadow: 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Blog content area */\n\n/** Card title **/\n.blog-post-card-title a {\n color: var(--color-primary-200) !important;\n flex: 1;\n text-decoration: none !important;\n background-image: linear-gradient(to right, var(--color-primary-300) 0, var(--color-primary-300) 100%) !important;\n background-position: 0 1.15em !important;\n background-size: 0 100% !important;\n background-repeat: no-repeat !important;\n transition: background .5s !important;\n}\n\n.dark .blog-post-card-title a {\n color: var(--color-primary-200) !important;\n flex: 1;\n text-decoration: none !important;\n background-image: linear-gradient(to right, var(--color-primary-300) 0, var(--color-primary-300) 100%) !important;\n background-position: 0 1.15em !important;\n background-size: 0 100% !important;\n background-repeat: no-repeat !important;\n transition: background .5s !important;\n}\n\n.blog-post-card-title a:hover,\n.blog-post-card-title a:active {\n background-size: 100% 100% !important;\n}\n\n/** Card meta **/\n.blog-post-card-meta {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-post-card-meta {\n color: var(--light-color-font-300) !important;\n}\n\n/** Card brief **/\n.blog-post-card-brief {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-post-card-brief {\n color: var(--light-color-font-200) !important;\n}\n\n/** Card Cover image **/\n.blog-post-card-cover img {\n border radius: 0.5rem !important;\n}\n\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover,\n.blog-footer-credits a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","post":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Back to home button **/\n.blog-back-to-home-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-back-to-home-button {\n color: var(--light-color-font-100) !important;\n}\n\n/** Bars button **/\n.blog-bars-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-bars-button {\n color: var(--light-color-font-100) !important;\n}\n\n/** Back to home and Bars butrton hover **/\n.hover\\:bg-black\\/10:hover,\n.hover\\:bg-black\\/10:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Border color */\n.border-slate-200 {\n border-color: var(--color-primary-400) !important;\n}\n\n/* Blog menu */\n\n/** H2 headlines **/\n.ScrollAreaRoot h2 {\n color: color: var(--dark-color-font-100) !important;;\n}\n\n.dark .ScrollAreaRoot h2 {\n color: color: var(--light-color-font-100) !important;;\n}\n\n/** Nav section **/\n.blog-nav {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-nav {\n color: var(--light-color-font-200) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active {\n background-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-200) !important;\n}\n\n/* Blog article page */\n\n/** Cover image **/\n.blog-article-page img {\n border-radius: 0 0 0.5rem 0.5rem !important;\n}\n\n/** Image credits **/\n.blog-article-page .text-sm {\n color: var(--dark-color-font-300) !important;\n}\n\n.dark .blog-article-page .text-sm {\n color: var(--light-color-font-200) !important;\n}\n\n.blog-article-page .text-sm a:hover,\n.blog-article-page .text-sm a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Contents table */\n.hover\\:bg-slate-100:hover,\n.hover\\:bg-slate-100:active {\n background-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n/*Blog content */\n\n/** Links **/\n.blog-content-main a {\n color: var(--dark-color-font-100) !important;\n font-weight: 400 !important;\n letter-spacing: -.025em !important;\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n}\n\n.dark .blog-content-main a {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-content-main a:hover,\n.blog-content-main a:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Headings, text etc. **/\n.blog-content-main h1,\n.blog-content-main h2,\n.blog-content-main h3,\n.blog-content-main p {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-content-main h1,\n.dark .blog-content-main h2,\n.dark .blog-content-main h3,\n.dark .blog-content-main p {\n color: var(--light-color-font-100) !important;\n}\n\n/** Strong text **/\n.prose :where(strong):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n font-weight: 600;\n}\n\n.dark .prose :where(strong):not(:where([class~=not-prose] *)) {\n color: color: var(--light-color-font-100) !important;\n font-weight: 600;\n}\n\n/** Inline code **/\n.prose code {\n background-color: var(--color-primary-400) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Code block **/\n.prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.dark .prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n.prose button {\n color: var(--light-color-font-100) !important;\n}\n\n.prose button:hover,\n.prose button:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Marked text **/\n.blog-content-main mark {\n background-color: var(--color-primary-100) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Blockquote **/\n.blog-content-main blockquote {\n border-color: var(--color-primary-400) !important;\n}\n\n/** Summary **/\n.blog-content-main summary,\n.blog-content-main details {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-content-main summary,\n.dark .blog-content-main details {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-content-main summary::marker {\n color: var(--color-primary-400) !important;\n}\n\n:where(details>:not(summary)):not(:where([class~=not-prose] *)):before {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Callout **/\n.prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)) {\n background-color: var(--light-color-surface-100) !important;\n padding: 1rem 1rem !important;\n border: none !important;\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n padding: 1rem 1rem !important;\n border: none !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(div[data-node-type=callout-emoji]):not(:where([class~=not-prose] *)) {\n background: none !important;\n border-radius: 3rem !important;\n min-width: 3rem !important;\n min-height: 3rem !important;\n font-size: 2rem !important;\n border: 2px solid var(--color-primary-400) !important;\n}\n\n/** Images **/\n.blog-content-main img {\n border-radius: 0.5rem !important;\n}\n\n/** Table **/\n.prose {\n color: var(--dark-color-font-100) !important;\n}\n\n.prose :where(thead):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .prose {\n color: var(--light-color-font-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(thead):not(:where([class~=not-prose] *)) {\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(td):not(:where([class~=not-prose] *)) {\n border: 1px solid #9b9b9b !important;\n}\n\n.prose .hn-table table {\n border: 1px solid #9b9b9b !important;\n}\n\n.dark .prose :where(td):not(:where([class~=not-prose] *)) {\n border: 1px solid #9b9b9b !important;\n}\n\n.dark .prose .hn-table table {\n border: 1px solid #9b9b9b !important;\n}\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover {\n color: var(--color-primary-300) !important;\n}\n\n/* Author follow button */\n.author-follow-button {\n color: var(--light-color-surface-100) !important;\n border-color: var(--color-primary-400) !important;\n background-color: var(--color-primary-400) !important;\n}\n\n.dark .author-follow-button {\n color: var(--dark-color-surface-100) !important;\n border-color: var(--color-primary-400) !important;\n background-color: var(--color-primary-400) !important;\n}\n\n.author-follow-button:hover,\n.author-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/* Series */\n.blog-series-heading h3 {\n color: var(--color-primary-300) !important;\n}\n\n.blog-series-number {\n background-color: var(--color-primary-300) !important;\n}\n\n.blog-series-cover img {\n border-radius: 0.5rem !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","static":":root {\n /* Primary colors */\n --color-primary-100: #e63946;\n --color-primary-200: #ed5658;\n --color-primary-300: #f26e6b;\n --color-primary-400: #f7857f;\n --color-primary-500: #fb9a93;\n --color-primary-600: #feaea8;\n \n /** Light surface colors */\n --light-color-surface-100: #f1faee;\n --light-color-surface-200: #f3fbf0;\n --light-color-surface-300: #f4fbf2;\n --light-color-surface-400: #f6fcf4;\n --light-color-surface-500: #f7fcf6;\n --light-color-surface-600: #f9fdf7;\n --light-color-surface-700: #fdfefd;\n \n /** Light font colors */\n --light-color-font-100: #f1faee;\n --light-color-font-200: #c8cfc6;\n --light-color-font-300: #9fa59d;\n --light-color-font-400: #767a75;\n --light-color-font-500: #4d504c;\n --light-color-font-600: #242524;\n\n /** Dark surface colors */\n --dark-color-surface-100: #101820;\n --dark-color-surface-200: #262d35;\n --dark-color-surface-300: #3d434b;\n --dark-color-surface-400: #565b62;\n --dark-color-surface-500: #70747a;\n --dark-color-surface-600: #8b8f93;\n \n /** Dark font colors */\n --dark-color-font-100: #101820;\n --dark-color-font-200: #1e252c;\n --dark-color-font-300: #2d3339;\n --dark-color-font-400: #3d4147;\n --dark-color-font-500: #4d5054;\n --dark-color-font-600: #5d6063;\n \n /* Overwrite default tw-colorrs */\n --tw-ring-color: #565b62;\n \n \n --bg-header: #1D3557;\n --font-color-light: #F1FAEE;\n --highlight-color: rgb(230 57 70 / 90%);\n --highlight-color-light: rgb(230 57 70 / 50%);\n}\n\n/* Body */\n.bg-white {\n background-color: var(--light-color-surface-700) !important;\n}\n\n.dark .bg-white {\n background-color: var(--dark-color-surface-200) !important;\n}\n\n/* Blog header */\n.blog-header {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-header {\n background: var(--dark-color-surface-100) !important;\n}\n\n/** Blog title **/\n.blog-title {\n color: var(--color-primary-200) !important;\n letter-spacing: 0.35em;\n}\n\n.dark .blog-title {\n color: var(--color-primary-200) !important;\n}\n\n.blog-title:hover,\n.blog-title:active {\n color: var(--color-primary-100) !important;\n}\n\n/** Social media section **/\n.blog-social-media-section {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-social-media-section {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-social-media-section a:hover,\n.blog-social-media-section a:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Follow button **/\n.blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-follow-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n.blog-follow-button:hover,\n.blog-follow-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Spacing **/\n.pt-8 {\n padding-top: 1rem !important;\n}\n.pb-2 {\n padding-bottom: 0 !important;\n}\n.mt-8 {\n margin-top: 1rem !important;\n}\n\n/** Newsletter button **/\n.blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-newsletter-button {\n background-color: var(--color-primary-400) !important;\n border-color: var(--color-primary-400) !important;\n color: var(--dark-color-surface-100) !important;\n}\n\n.blog-newsletter-button:hover,\n.blog-newsletter-button:active {\n background-color: var(--color-primary-300) !important;\n border-color: var(--color-primary-300) !important;\n}\n\n/** Search button **/\n.blog-search-button {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-search-button {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-search-button:hover,\n.blog-search-button:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Theme switcher button **/\n.blog-theme-switcher {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-theme-switcher {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-theme-switcher:hover,\n.blog-theme-switcher:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Blog-more button **/\n.blog-more-icon {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-more-icon {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-more-icon:hover,\n.blog-more-icon:active {\n background-color: var(--color-primary-400) !important;\n}\n\n/** Focus ring head **/\n.focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--light-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n.dark .focus-ring-base:focus {\n box-shadow: 0 0 0 2px var(--dark-color-surface-100),\n 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n/* Navigation */\n.blog-nav-text {\n color: var(--dark-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-text:hover,\n.blog-nav-text:active {\n background: none !important;\n}\n\n.dark .blog-nav-text {\n color: var(--light-color-font-100) !important;\n font-weight: 500 !important;\n}\n\n.blog-nav-active {\n border-color: var(--color-primary-400) !important;\n}\n\n.blog-nav:hover,\n.blog-nav:active,\n.blog-nav-active:hover,\n.blog-nav-active:active {\n border-color: var(--color-primary-300) !important;\n}\n\n/** Navigation focus ring **/\n.group:focus .group-focus\\:ring {\n box-shadow: 0 0 0 4px var(--color-primary-400),\n 0 0 0 0 transparent !important;\n}\n\n\n/* Page content area */\n\n/** Page title **/\n.blog-page-title {\n color: var(--color-primary-200) !important;\n}\n\n/** Heading, text, etc. **/\n.blog-page-content h1,\n.blog-page-content h2,\n.blog-page-content h3,\n.blog-page-content p,\n.blog-page-content prose {\n color: var(--dark-color-font-100) !important;\n}\n\n.dark .blog-page-content h1,\n.dark .blog-page-content h2,\n.dark .blog-page-content h3,\n.dark .blog-page-content p,\n.dark .blog-page-content prose {\n color: var(--light-color-font-100) !important;\n}\n\n/** Strong text **/\n.prose :where(strong):not(:where([class~=not-prose] *)) {\n color: var(--dark-color-font-100) !important;\n font-weight: 600;\n}\n\n.dark .prose :where(strong):not(:where([class~=not-prose] *)) {\n color: color: var(--light-color-font-100) !important;\n font-weight: 600;\n}\n\n/** Inline code **/\n.prose code {\n background-color: var(--color-primary-400) !important;\n color: var(--dark-color-font-100) !important;\n}\n\n/** Code block **/\n.prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.dark .prose pre code {\n background-color: transparent !important;\n color: var(--light-color-font-100) !important;\n}\n\n.prose :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)) {\n background-color: var(--dark-color-surface-100) !important;\n}\n\n.prose button {\n color: var(--light-color-font-100) !important;\n}\n\n.prose button:hover,\n.prose button:active {\n color: var(--color-primary-300) !important;\n}\n\n/** Blockquote **/\n.blog-page-content blockquote {\n border-color: var(--color-primary-400) !important;\n}\n\n/** Images **/\n.blog-page-content img {\n border-radius: 0.5rem !important;\n}\n\n/** Links **/\n.blog-page-content a {\n color: var(--dark-color-font-100) !important;\n font-weight: 400 !important;\n letter-spacing: -.025em !important;\n font-size: 1.25rem !important;\n line-height: 1.8 !important;\n}\n\n.dark .blog-page-content a {\n color: var(--light-color-font-100) !important;\n}\n\n.blog-page-content a:hover,\n.blog-page-content a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Footer */\n.blog-footer-area {\n background: var(--light-color-surface-100) !important;\n}\n\n.dark .blog-footer-area {\n background: var(--dark-color-surface-100) !important;\n}\n\n.blog-footer-credits {\n color: var(--dark-color-font-600) !important;\n}\n\n.dark .blog-footer-credits {\n color: var(--light-color-font-300) !important;\n}\n\n.blog-footer-credits a:hover,\n.blog-footer-credits a:active {\n color: var(--color-primary-300) !important;\n}\n\n/* Scrollbar */\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n.dark ::-webkit-scrollbar-track {\n border-radius: 0.5rem;\n background-color: transparent;\n}\n\n.dark ::-webkit-scrollbar-thumb {\n border-radius: 0.5rem;\n background: var(--color-primary-400);\n}\n\n/* Impressum */\n\n.blog-impressum a {\n font-weight: 400 !important;\n}\n\n.blog-impressum a:hover,\n.blog-impressum a:active {\n color: var(--color-primary-300) !important;\n font-weight: 400 !important;\n}","homeMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.pt-8{padding-top:1rem !important}.pb-2{padding-bottom:0 !important}.mt-8{margin-top:1rem !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-nav-text{color:var(--dark-color-font-100) !important;font-weight:500 !important}.blog-nav-text:hover,.blog-nav-text:active{background:none !important}.dark .blog-nav-text{color:var(--light-color-font-100) !important;font-weight:500 !important}.blog-nav-active{border-color:var(--color-primary-400) !important}.blog-nav:hover,.blog-nav:active,.blog-nav-active:hover,.blog-nav-active:active{border-color:var(--color-primary-300) !important}.group:focus .group-focus\\:ring{box-shadow:0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-post-card-title a{color:var(--color-primary-200) !important;flex:1;text-decoration:none !important;background-image:linear-gradient(to right,var(--color-primary-300) 0,var(--color-primary-300) 100%) !important;background-position:0 1.15em !important;background-size:0 100% !important;background-repeat:no-repeat !important;transition:background .5s !important}.dark .blog-post-card-title a{color:var(--color-primary-200) !important;flex:1;text-decoration:none !important;background-image:linear-gradient(to right,var(--color-primary-300) 0,var(--color-primary-300) 100%) !important;background-position:0 1.15em !important;background-size:0 100% !important;background-repeat:no-repeat !important;transition:background .5s !important}.blog-post-card-title a:hover,.blog-post-card-title a:active{background-size:100% 100% !important}.blog-post-card-meta{color:var(--dark-color-font-600) !important}.dark .blog-post-card-meta{color:var(--light-color-font-300) !important}.blog-post-card-brief{color:var(--dark-color-font-300) !important}.dark .blog-post-card-brief{color:var(--light-color-font-200) !important}.blog-post-card-cover img{border radius:.5rem !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover,.blog-footer-credits a:active{color:var(--color-primary-300) !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}","postMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.blog-back-to-home-button{color:var(--dark-color-font-100) !important}.dark .blog-back-to-home-button{color:var(--light-color-font-100) !important}.blog-bars-button{color:var(--dark-color-font-100) !important}.dark .blog-bars-button{color:var(--light-color-font-100) !important}.hover\\:bg-black\\/10:hover,.hover\\:bg-black\\/10:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.border-slate-200{border-color:var(--color-primary-400) !important}.ScrollAreaRoot h2{color:color:var(--dark-color-font-100) !important}.dark .ScrollAreaRoot h2{color:color:var(--light-color-font-100) !important}.blog-nav{color:var(--dark-color-font-300) !important}.dark .blog-nav{color:var(--light-color-font-200) !important}.blog-nav:hover,.blog-nav:active{background-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.blog-social-media-section{color:var(--dark-color-font-300) !important}.dark .blog-social-media-section{color:var(--light-color-font-200) !important}.blog-article-page img{border-radius:0 0 .5rem .5rem !important}.blog-article-page .text-sm{color:var(--dark-color-font-300) !important}.dark .blog-article-page .text-sm{color:var(--light-color-font-200) !important}.blog-article-page .text-sm a:hover,.blog-article-page .text-sm a:active{color:var(--color-primary-300) !important}.hover\\:bg-slate-100:hover,.hover\\:bg-slate-100:active{background-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.blog-content-main a{color:var(--dark-color-font-100) !important;font-weight:400 !important;letter-spacing:-.025em !important;font-size:1.25rem !important;line-height:1.8 !important}.dark .blog-content-main a{color:var(--light-color-font-100) !important}.blog-content-main a:hover,.blog-content-main a:active{color:var(--color-primary-300) !important}.blog-content-main h1,.blog-content-main h2,.blog-content-main h3,.blog-content-main p{color:var(--dark-color-font-100) !important}.dark .blog-content-main h1,.dark .blog-content-main h2,.dark .blog-content-main h3,.dark .blog-content-main p{color:var(--light-color-font-100) !important}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important;font-weight:600}.dark .prose :where(strong):not(:where([class~=not-prose] *)){color:color:var(--light-color-font-100) !important;font-weight:600}.prose code{background-color:var(--color-primary-400) !important;color:var(--dark-color-font-100) !important}.prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.dark .prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}.prose button{color:var(--light-color-font-100) !important}.prose button:hover,.prose button:active{color:var(--color-primary-300) !important}.blog-content-main mark{background-color:var(--color-primary-100) !important;color:var(--dark-color-font-100) !important}.blog-content-main blockquote{border-color:var(--color-primary-400) !important}.blog-content-main summary,.blog-content-main details{color:var(--dark-color-font-100) !important}.dark .blog-content-main summary,.dark .blog-content-main details{color:var(--light-color-font-100) !important}.blog-content-main summary::marker{color:var(--color-primary-400) !important}:where(details>:not(summary)):not(:where([class~=not-prose] *)):before{border-color:var(--color-primary-300) !important}.prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)){background-color:var(--light-color-surface-100) !important;padding:1rem 1rem !important;border:none !important;color:var(--dark-color-font-100) !important}.dark .prose :where(div[data-node-type=callout]):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important;padding:1rem 1rem !important;border:none !important;color:var(--light-color-font-100) !important}.prose :where(div[data-node-type=callout-emoji]):not(:where([class~=not-prose] *)){background:none !important;border-radius:3rem !important;min-width:3rem !important;min-height:3rem !important;font-size:2rem !important;border:2px solid var(--color-primary-400) !important}.blog-content-main img{border-radius:.5rem !important}.prose{color:var(--dark-color-font-100) !important}.prose :where(thead):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important}.dark .prose{color:var(--light-color-font-100) !important}:is(.dark .dark\\:prose-dark) :where(thead):not(:where([class~=not-prose] *)){color:var(--light-color-font-100) !important}.prose :where(td):not(:where([class~=not-prose] *)){border:1px solid #9b9b9b !important}.prose .hn-table table{border:1px solid #9b9b9b !important}.dark .prose :where(td):not(:where([class~=not-prose] *)){border:1px solid #9b9b9b !important}.dark .prose .hn-table table{border:1px solid #9b9b9b !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover{color:var(--color-primary-300) !important}.author-follow-button{color:var(--light-color-surface-100) !important;border-color:var(--color-primary-400) !important;background-color:var(--color-primary-400) !important}.dark .author-follow-button{color:var(--dark-color-surface-100) !important;border-color:var(--color-primary-400) !important;background-color:var(--color-primary-400) !important}.author-follow-button:hover,.author-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-series-heading h3{color:var(--color-primary-300) !important}.blog-series-number{background-color:var(--color-primary-300) !important}.blog-series-cover img{border-radius:.5rem !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}","staticMin":":root{--color-primary-100:#e63946;--color-primary-200:#ed5658;--color-primary-300:#f26e6b;--color-primary-400:#f7857f;--color-primary-500:#fb9a93;--color-primary-600:#feaea8;--light-color-surface-100:#f1faee;--light-color-surface-200:#f3fbf0;--light-color-surface-300:#f4fbf2;--light-color-surface-400:#f6fcf4;--light-color-surface-500:#f7fcf6;--light-color-surface-600:#f9fdf7;--light-color-surface-700:#fdfefd;--light-color-font-100:#f1faee;--light-color-font-200:#c8cfc6;--light-color-font-300:#9fa59d;--light-color-font-400:#767a75;--light-color-font-500:#4d504c;--light-color-font-600:#242524;--dark-color-surface-100:#101820;--dark-color-surface-200:#262d35;--dark-color-surface-300:#3d434b;--dark-color-surface-400:#565b62;--dark-color-surface-500:#70747a;--dark-color-surface-600:#8b8f93;--dark-color-font-100:#101820;--dark-color-font-200:#1e252c;--dark-color-font-300:#2d3339;--dark-color-font-400:#3d4147;--dark-color-font-500:#4d5054;--dark-color-font-600:#5d6063;--tw-ring-color:#565b62;--bg-header:#1d3557;--font-color-light:#f1faee;--highlight-color:rgb(230 57 70 / 90%);--highlight-color-light:rgb(230 57 70 / 50%)}.bg-white{background-color:var(--light-color-surface-700) !important}.dark .bg-white{background-color:var(--dark-color-surface-200) !important}.blog-header{background:var(--light-color-surface-100) !important}.dark .blog-header{background:var(--dark-color-surface-100) !important}.blog-title{color:var(--color-primary-200) !important;letter-spacing:.35em}.dark .blog-title{color:var(--color-primary-200) !important}.blog-title:hover,.blog-title:active{color:var(--color-primary-100) !important}.blog-social-media-section{color:var(--dark-color-font-100) !important}.dark .blog-social-media-section{color:var(--light-color-font-100) !important}.blog-social-media-section a:hover,.blog-social-media-section a:active{background-color:var(--color-primary-400) !important}.blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-follow-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-follow-button:hover,.blog-follow-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.pt-8{padding-top:1rem !important}.pb-2{padding-bottom:0 !important}.mt-8{margin-top:1rem !important}.blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--light-color-surface-100) !important}.dark .blog-newsletter-button{background-color:var(--color-primary-400) !important;border-color:var(--color-primary-400) !important;color:var(--dark-color-surface-100) !important}.blog-newsletter-button:hover,.blog-newsletter-button:active{background-color:var(--color-primary-300) !important;border-color:var(--color-primary-300) !important}.blog-search-button{color:var(--dark-color-font-100) !important}.dark .blog-search-button{color:var(--light-color-font-100) !important}.blog-search-button:hover,.blog-search-button:active{background-color:var(--color-primary-400) !important}.blog-theme-switcher{color:var(--dark-color-font-100) !important}.dark .blog-theme-switcher{color:var(--light-color-font-100) !important}.blog-theme-switcher:hover,.blog-theme-switcher:active{background-color:var(--color-primary-400) !important}.blog-more-icon{color:var(--dark-color-font-100) !important}.dark .blog-more-icon{color:var(--light-color-font-100) !important}.blog-more-icon:hover,.blog-more-icon:active{background-color:var(--color-primary-400) !important}.focus-ring-base:focus{box-shadow:0 0 0 2px var(--light-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.dark .focus-ring-base:focus{box-shadow:0 0 0 2px var(--dark-color-surface-100),0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-nav-text{color:var(--dark-color-font-100) !important;font-weight:500 !important}.blog-nav-text:hover,.blog-nav-text:active{background:none !important}.dark .blog-nav-text{color:var(--light-color-font-100) !important;font-weight:500 !important}.blog-nav-active{border-color:var(--color-primary-400) !important}.blog-nav:hover,.blog-nav:active,.blog-nav-active:hover,.blog-nav-active:active{border-color:var(--color-primary-300) !important}.group:focus .group-focus\\:ring{box-shadow:0 0 0 4px var(--color-primary-400),0 0 0 0 transparent !important}.blog-page-title{color:var(--color-primary-200) !important}.blog-page-content h1,.blog-page-content h2,.blog-page-content h3,.blog-page-content p,.blog-page-content prose{color:var(--dark-color-font-100) !important}.dark .blog-page-content h1,.dark .blog-page-content h2,.dark .blog-page-content h3,.dark .blog-page-content p,.dark .blog-page-content prose{color:var(--light-color-font-100) !important}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--dark-color-font-100) !important;font-weight:600}.dark .prose :where(strong):not(:where([class~=not-prose] *)){color:color:var(--light-color-font-100) !important;font-weight:600}.prose code{background-color:var(--color-primary-400) !important;color:var(--dark-color-font-100) !important}.prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.dark .prose pre code{background-color:transparent !important;color:var(--light-color-font-100) !important}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}:is(.dark .dark\\:prose-dark) :where(pre):not(:where([class~=not-prose] *)){background-color:var(--dark-color-surface-100) !important}.prose button{color:var(--light-color-font-100) !important}.prose button:hover,.prose button:active{color:var(--color-primary-300) !important}.blog-page-content blockquote{border-color:var(--color-primary-400) !important}.blog-page-content img{border-radius:.5rem !important}.blog-page-content a{color:var(--dark-color-font-100) !important;font-weight:400 !important;letter-spacing:-.025em !important;font-size:1.25rem !important;line-height:1.8 !important}.dark .blog-page-content a{color:var(--light-color-font-100) !important}.blog-page-content a:hover,.blog-page-content a:active{color:var(--color-primary-300) !important}.blog-footer-area{background:var(--light-color-surface-100) !important}.dark .blog-footer-area{background:var(--dark-color-surface-100) !important}.blog-footer-credits{color:var(--dark-color-font-600) !important}.dark .blog-footer-credits{color:var(--light-color-font-300) !important}.blog-footer-credits a:hover,.blog-footer-credits a:active{color:var(--color-primary-300) !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.dark ::-webkit-scrollbar-track{border-radius:.5rem;background-color:transparent}.dark ::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--color-primary-400)}.blog-impressum a{font-weight:400 !important}.blog-impressum a:hover,.blog-impressum a:active{color:var(--color-primary-300) !important;font-weight:400 !important}"},"imprint":"

Unfortunately, since I live in Germany, it's not going to work without some legal stuff.

Software developer and micro controller enthusiast who has big problems with finishing a project and documenting it properly before starting the next one...

Members (1)

Patrick Euerle