PageSourceSearch

https://www.kromedio.de/now/

html kromedio.de collected 2026-10-04 08:09:21 UTC 28,942 bytes, 643 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de" class="is-color-pure" data-color-accent="#431987">
3
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="x-ua-compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
8    <title>Now</title>
9
10    <!-- iOS Safari -->
11    <meta name="mobile-web-app-capable" content="yes">
12    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
13
14    <!-- Safari/mobile browser toolbar color -->
15    <meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)">
16    <meta name="theme-color" content="#1a1c22" media="(prefers-color-scheme: dark)">
17
18    <style>
19        /* Critical CSS to prevent navigation flicker */
20        .header-alternative .nav-new {
21            visibility: hidden;
22        }
23        .is-dropdown-loaded .header-alternative .nav-new {
24            visibility: visible;
25        }
26    </style>
27    <link rel="stylesheet" href="/assets/built/screen.css?v=NkOxUF3XFwtda0QJ">
28    
28<script>
29        // Function to set the theme
30        function setTheme(theme) {
31            document.documentElement.setAttribute('data-theme', theme);
32            localStorage.setItem('theme', theme);
33            updateThemeToggleIcon(theme);
34        }
35
36        // Function to get the user's color scheme preference
37        function getColorScheme() {
38            return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
39        }
40
41        // Function to update theme toggle icon
42        function updateThemeToggleIcon(theme) {
43            const toggle = document.querySelector('.gh-theme-toggle');
44            if (toggle) {
45                toggle.setAttribute('data-theme', theme);
46                // CSS handles all transitions automatically
47            }
48        }
49
50        // Function to toggle theme
51        function toggleTheme() {
52            const currentTheme = document.documentElement.getAttribute('data-theme');
53            const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
54            setTheme(newTheme);
55        }
56
57        // Get the theme setting from Ghost
58        var themeSetting = 'user';
59        var savedTheme = localStorage.getItem('theme');
60
61        // Initialize theme based on settings
62        if (themeSetting === 'user') {
63            // Use saved preference if available, otherwise system preference
64            if (savedTheme) {
65                setTheme(savedTheme);
66            } else {
67                setTheme(getColorScheme());
68            }
69        } else if (themeSetting === 'light') {
70            setTheme('light');
71        } else if (themeSetting === 'dark') {
72            setTheme('dark');
73        } else if (themeSetting === 'system') {
74            setTheme(getColorScheme());
75        }
76
77        // Add click handler to theme toggles
78        document.addEventListener('DOMContentLoaded', function() {
79            const themeToggles = document.querySelectorAll('.gh-theme-toggle');
80            themeToggles.forEach(toggle => {
81                toggle.addEventListener('click', function() {
82                    if (themeSetting === 'user') {
83                        toggleTheme();
84                    }
85                });
86            });
87        });
88
89        // Listen for changes in system color scheme
90        if (themeSetting === 'system') {
91            window.matchMedia('(prefers-color-scheme: dark)').addListener((e) => {
92                setTheme(e.matches ? 'dark' : 'light');
93            });
94        }
95    </script>
95
96    <meta name="description" content="Alles was grad so los ist. Nicht Social-media, höchstens ein bisschen.">
97    <link rel="icon" href="https://www.kromedio.de/content/images/size/w256h256/format/png/2025/08/Social_Icon_2024.svg" type="image/png">
98    <link rel="canonical" href="https://www.kromedio.de/now/">
99    <meta name="referrer" content="strict-origin-when-cross-origin">
100    <meta name="generator" content="Ghost 6.64">
101    <link rel="alternate" type="application/rss+xml" title="Kromedio" href="https://www.kromedio.de/rss/">
102    
102<script defer src="https://www.kromedio.de/content/files/ghost-apps/portal/portal.min.js" data-i18n="true" data-ghost="https://www.kromedio.de/" data-key="19970dd5c4399e73c6e36c36b8" data-api="https://www.kromedio.de/ghost/api/content/" data-locale="de" crossorigin="anonymous"></script>
102<style id="gh-members-styles">.gh-post-upgrade-cta-content,
103.gh-post-upgrade-cta {
104    display: flex;
105    flex-direction: column;
106    align-items: center;
107    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
108    text-align: center;
109    width: 100%;
110    color: #ffffff;
111    font-size: 16px;
112}
113
114.gh-post-upgrade-cta-content {
115    border-radius: 8px;
116    padding: 40px 4vw;
117}
118
119.gh-post-upgrade-cta h2 {
120    color: #ffffff;
121    font-size: 28px;
122    letter-spacing: -0.2px;
123    margin: 0;
124    padding: 0;
125}
126
127.gh-post-upgrade-cta p {
128    margin: 20px 0 0;
129    padding: 0;
130}
131
132.gh-post-upgrade-cta small {
133    font-size: 16px;
134    letter-spacing: -0.2px;
135}
136
137.gh-post-upgrade-cta a {
138    color: #ffffff;
139    cursor: pointer;
140    font-weight: 500;
141    box-shadow: none;
142    text-decoration: underline;
143}
144
145.gh-post-upgrade-cta a:hover {
146    color: #ffffff;
147    opacity: 0.8;
148    box-shadow: none;
149    text-decoration: underline;
150}
151
152.gh-post-upgrade-cta a.gh-btn {
153    display: block;
154    background: #ffffff;
155    text-decoration: none;
156    margin: 28px 0 0;
157    padding: 8px 18px;
158    border-radius: 4px;
159    font-size: 16px;
160    font-weight: 600;
161}
162
163.gh-post-upgrade-cta a.gh-btn:hover {
164    opacity: 0.92;
165}</style>
166    
166<script defer src="https://www.kromedio.de/content/files/ghost-apps/sodo-search/sodo-search.min.js" data-key="19970dd5c4399e73c6e36c36b8" data-styles="https://www.kromedio.de/content/files/ghost-apps/sodo-search/main.css" data-sodo-search="https://www.kromedio.de/" data-locale="de" crossorigin="anonymous"></script>
166
167    
168    <link href="https://www.kromedio.de/webmentions/receive/" rel="webmention">
169    
169<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
169
170    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
171    
171<script defer src="/public/comment-counts.min.js?v=oFYkaGLdiMqB8VN9" data-ghost-comments-counts-api="https://www.kromedio.de/members/api/comments/counts/"></script>
171
172    
172<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
172
173    
173<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.kromedio.de/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="12a5aa11-3860-4702-80b5-45b7f8954723" tb_post_uuid="1a8e9232-5ad1-4bee-af95-b9af8f5e464b" tb_post_type="page" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
173<style>:root {--ghost-accent-color: #431987;}</style>
174    <style>
175  a.gh-head-link {
176    display: none !important;
177  }
178  .single-cta-wrapper {
179    display: none !important;
180  }
181  .footer-subscription-box {
182    display: none !important;
183  }
184
185  @font-face {
186    font-family: 'FixelText';
187    src: url('/assets/fonts/FixelText-Regular.woff2') format('woff2');
188    font-weight: 400;
189    font-style: normal;
190    font-display: swap;
191  }
192  @font-face {
193    font-family: 'FixelText';
194    src: url('/assets/fonts/FixelText-RegularItalic.woff2') format('woff2');
195    font-weight: 400;
196    font-style: italic;
197    font-display: swap;
198  }
199  @font-face {
200    font-family: 'FixelText';
201    src: url('/assets/fonts/FixelText-Bold.woff2') format('woff2');
202    font-weight: 700;
203    font-style: normal;
204    font-display: swap;
205  }
206  @font-face {
207    font-family: 'FixelText';
208    src: url('/assets/fonts/FixelText-BoldItalic.woff2') format('woff2');
209    font-weight: 700;
210    font-style: italic;
211    font-display: swap;
212  }
213
214  :root {
215    --font-base: 'FixelText', sans-serif;
216  }
217
218/* Änderung an den Linkfarben und der allgemeinen Typo */
219
220.gh-content a {
221  color: #C026D3;
222  text-decoration: none;
223}
224.gh-content a:hover {
225  color: #A21CAF;
226  text-decoration: underline;
227  text-underline-offset: 3px;
228  text-decoration-thickness: 2px;
229}
230  .gh-content p {
231  letter-spacing: -0.01em;
232}
233
234/* Meine coolen Bildnachweise am Ende */
235
236  .image-caption {
237  font-size: 1.4rem !important;
238  color: var(--color-text-secondary, #888);
239  letter-spacing: 0;
240}
241  
242/* Änderung der Linkfarben in der Hauptnavi */
243  
244
245.header-alternative .nav-new li a:hover {
246  color: #C026D3 !important;
247} 
248</style>
249</head>
250
251<body class="page-template page-now">
252<div class="status-bar-spacer"></div>
253<div class="home-bar-spacer"></div>
254<div class="site">
255    <!-- Header -->
256    <header id="gh-head" class="header header-alternative gh-head user-define-mode">
257            <div class="head-inner">
258            <nav class="gh-head-menu">
259                    <ul class="nav-new">
260            <li class="nav-journal">
261                <a class="nav-menu-item" href="https://www.kromedio.de/tag/journal/">
262                    Journal
263                </a>
264            </li>
265            <li class="nav-now nav-current">
266                <a class="nav-menu-item" href="https://www.kromedio.de/now/">
267                    Now
268                </a>
269            </li>
270            <li class="nav-themen">
271                <a class="nav-menu-item" href="#">
272                    Themen
273                </a>
274            </li>
275            <li class="nav-apps-gadgets">
276                <a class="nav-menu-item" href="https://www.kromedio.de/tag/apps-gadgets/">
277                    - Apps &amp; Gadgets
278                </a>
279            </li>
280            <li class="nav-fotografie">
281                <a class="nav-menu-item" href="https://www.kromedio.de/tag/fotografie/">
282                    - Fotografie
283                </a>
284            </li>
285            <li class="nav-typo-fails">
286                <a class="nav-menu-item" href="https://www.kromedio.de/tag/typofails/">
287                    - Typo-Fails
288                </a>
289            </li>
290            <li class="nav-trailschatz">
291                <a class="nav-menu-item" href="https://www.kromedio.de/tag/trailschatz/">
292                    - Trailschatz
293                </a>
294            </li>
295            <li class="nav-uber-mich">
296                <a class="nav-menu-item" href="https://www.kromedio.de/about/">
297                    Über mich
298                </a>
299            </li>
300            <li class="nav-kontakt">
301                <a class="nav-menu-item" href="https://www.kromedio.de/kontakt/">
302                    Kontakt
303                </a>
304            </li>
305    </ul>
306
307
308            </nav>
309
310        <div class="logo-wrap">
311            <a class="head-logo-wrap logo" href="https://www.kromedio.de">
312
313                    <div class="logo-text logo-empty" aria-label="Kromedio">
314                        Kromedio
315                    </div>
316            </a>
317                <div class="header-group is-mobile">
318                    <button class="search-button gh-icon-btn header-button button-icon" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/>
319    <path d="m21 21-4.35-4.35"/>
320</svg></button>
321                        <button
322        class="gh-theme-toggle search-button header-button button-icon"
323        data-a11y="false"
324        aria-label="Activate dark mode"
325        title="Activate dark mode" >
326        <div class="theme-toggle-icon">
327            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
328                <!-- Static moon icon (visible in light mode) -->
329                <path class="moon-icon" d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
330
331                <!-- Animated sun (visible in dark mode) -->
332                <circle class="sun-circle" cx="12" cy="12" r="5"/>
333                <g class="beams-container">
334                    <circle class="sun-beam" cx="12" cy="2" r="1.5"/>
335                    <circle class="sun-beam" cx="12" cy="22" r="1.5"/>
336                    <circle class="sun-beam" cx="22" cy="12" r="1.5"/>
337                    <circle class="sun-beam" cx="2" cy="12" r="1.5"/>
338                    <circle class="sun-beam" cx="19.07" cy="4.93" r="1.5"/>
339                    <circle class="sun-beam" cx="4.93" cy="4.93" r="1.5"/>
340                    <circle class="sun-beam" cx="19.07" cy="19.07" r="1.5"/>
341                    <circle class="sun-beam" cx="4.93" cy="19.07" r="1.5"/>
342                </g>
343            </svg>
344        </div>
345    </button>
346                    <button class="gh-burger header-button button-icon" aria-label="Toggle navigation"></button>
347                </div>
348        </div>
349
350        <div class="header-action">
351                <div class="header-group is-desktop">
352                        <button
353        class="gh-theme-toggle search-button header-button button-icon"
354        data-a11y="false"
355        aria-label="Activate dark mode"
356        title="Activate dark mode" >
357        <div class="theme-toggle-icon">
358            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
359                <!-- Static moon icon (visible in light mode) -->
360                <path class="moon-icon" d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
361
362                <!-- Animated sun (visible in dark mode) -->
363                <circle class="sun-circle" cx="12" cy="12" r="5"/>
364                <g class="beams-container">
365                    <circle class="sun-beam" cx="12" cy="2" r="1.5"/>
366                    <circle class="sun-beam" cx="12" cy="22" r="1.5"/>
367                    <circle class="sun-beam" cx="22" cy="12" r="1.5"/>
368                    <circle class="sun-beam" cx="2" cy="12" r="1.5"/>
369                    <circle class="sun-beam" cx="19.07" cy="4.93" r="1.5"/>
370                    <circle class="sun-beam" cx="4.93" cy="4.93" r="1.5"/>
371                    <circle class="sun-beam" cx="19.07" cy="19.07" r="1.5"/>
372                    <circle class="sun-beam" cx="4.93" cy="19.07" r="1.5"/>
373                </g>
374            </svg>
375        </div>
376    </button>
377                    <button class="search-button gh-icon-btn header-button button-icon" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/>
378    <path d="m21 21-4.35-4.35"/>
379</svg></button>
380                </div>
381                    <a class="button button-primary gh-head-link" href="#/portal/signup" data-portal="signup">Abonnieren</a>
382        </div>
383            </div>
384    </header>
385
386    <div class="site-content">
387        
388<main class="site-main">
389
390        <article class="single ghost-content post">
391
392        <header class="single-header kg-canvas split">
393            
394            <div class="expanded-image-wrap">
395            <div class="single-heading-wrap">
396
397
398                <h1 class="single-title">Now</h1>
399
400                    <p class="sub-heading-large single-excerpt">
401                        Alles was grad so los ist. Nicht Social-media, höchstens ein bisschen. 
402                    </p>
403
404            </div>
405
406                    <figure class="single-media kg-width-split blur-load">
407                        <img class="blur-img"
408                            src="/content/images/size/w50/2026/04/Gemini_now.jpg"
409                            alt=""
410                            aria-hidden="true">
411                        <img
412                            srcset="/content/images/size/w750/format/webp/2026/04/Gemini_now.jpg 750w,
413                                    /content/images/size/w960/format/webp/2026/04/Gemini_now.jpg 960w,
414                                    /content/images/size/w1140/format/webp/2026/04/Gemini_now.jpg 1140w,
415                                    /content/images/size/w1920/format/webp/2026/04/Gemini_now.jpg 1920w"
416                            sizes="(min-width: 768px) 30vw, 90vw"
417                            class="single-hero-image full-img"
418                            src="/content/images/size/w1920/2026/04/Gemini_now.jpg"
419                            alt="Now"
420                            width="1920"
421                            height="1280"
422                            fetchpriority="high">
423
424                    </figure>
425                        </div>
426            
427        </header>
428
429    <div class="single-content gh-content kg-canvas ">
430        
431<!--kg-card-begin: html-->
432<aside class="toc-container">
433    <div class="toc-sidebar">
434        <h4>Inhalt</h4>
435        <div class="toc"></div>
436    </div>
437</aside>
438<!--kg-card-end: html-->
439<p><a href="https://nownownow.com/about?ref=kromedio.de"><em>Was ist denn eine Now-Page?</em></a></p><p>Aktualisiert: 04.04.26 in Tönisvorst</p><p>Das erste Quartal 2026 ist schon wieder vorbei, Zeit hier ein paar Dinge zu aktualisieren.</p><h2 id="optischer-fr%C3%BChjahrsputz">Optischer Frühjahrsputz</h2><p>Ich habe der Webseite ein frisches Theme spendiert, was nun wesentlich mehr optische Auflockerungen dank Anzeige von Artikelbilder bietet. Mir gefällt es sehr, ich hoffe euch auch. <a href="https://themex.studio/?ref=kromedio.de" rel="noreferrer">Themex Studio</a>
439 kann ich jedem wärmstens empfehlen, der auf der Suche nach hochwertigen Ghost Themes ist, die nicht nur gut aussehen, sondern auch sehr flexibel einsetzbar sind. Eine gute und ausführliche Dokumentation gibt es obendrauf.</p><h2 id="mehr-europa-weniger-usastatus-update">Mehr Europa weniger USA - Status update</h2><p>In ein paar Monaten heißt es Abschied nehmen von Microsoft und Hey Mail. Es hat etwas gedauert, bis OneDrive leergeräumt und alles zu Alternativen wie pCloud oder lokales NAS übertragen war. Ich denke es hat sich allein deswegen gelohnt, dass ich nun auch Berge an unnötigen Daten los geworden bin.</p><p>Das Abo von Hey läuft auch aus, da die Kombination aus Mailbox.org und Apple Mail für meine Zwecke vollkommen ausreichend ist. Ja, Apple Mail ist nicht perfekt, aber aktuell noch eines der besten Wege, Mails komplett bei mir bzw. Mailbox.org zu halten ohne weiteren zwischengeschalteten Server.</p><h2 id="fotografie">Fotografie</h2><p>Der Winter hat für mich vor allem eins gebracht: keine Fotos 🫣<br>Das Gute aber ist, dass mit setigenden Temperaturen auch meine Lust am Fotografieren spürbar wächst.</p><p>Meine größte Baustelle ist hier die Bildkomposition, an der ich gerne noch weiter arbeiten darf. </p><h2 id="statische-websites-und-rapidweaver-elements">Statische Websites und RapidWeaver Elements </h2><p>Elements entwickelt sich sehr gut und wird immer umfassender hinsichtlich nutzbarer Funktionen. Zwar ist ein deutlicher Weg des Anbieters hin in Richtung Monetarisierung erkennbar, bisher aber alles optional und im Alltag wenig störend. Einer Ablösung von RapidWeaver Classic bis zum Sommer sollte daher nichts im Wege stehen. </p><h2 id="aktuelle-b%C3%BCcher">Aktuelle Bücher</h2><p>Aktuell lese ich „<a href="https://nesslabs.com/book?ref=kromedio.de" rel="noreferrer">Tiny Experiments</a>“ von Anne-Laure Le Cunff. Meine Website ist in diesem Zusammenhang sicherlich auch mein tiny Experiment.</p><h2 id="serien">Serien</h2><p>Bald geht es mir einer neuen Staffel von <em>Your Friends and Neighbors</em> weiter. Das ist gut, haben wir doch fast <em>Shrinking</em> beendet.</p><h2 id="daddeln">Daddeln</h2><p>AC: Shadows ist – was die Hauptstory betrifft – durchgespielt. Wie so häufig bei den Ubisoft OpenWorld Titeln: danach fällt meine Motivation rapide ab, noch sämtliche Nebenquests zu erledigen. Dafür bieten diese dann doch zuwenig Neues.<br>Ob es dann zukünftig wieder Alan Wake 2 wird oder doch endlich mal Baldur's Gate 3? Ich weiß es noch nicht.</p><hr>
440<!--kg-card-begin: html-->
441<p class="image-caption">Grafik: erstellt mit NanoBanana 2</p>
442<!--kg-card-end: html-->
443
444    </div>
445</article>
446
447</main>
448    </div>
449    <footer class="site-footer footer-plain">
450    <div class="container medium footer-content">
451        <div class="footer-inner-main">
452            <div class="footer-nav footer-nav-flex">
453                    <ul class="nav nav-secondary">
454            <li class="nav-themen">
455                <a href="https://www.kromedio.de/">
456                    # Themen
457                </a>
458            </li>
459            <li class="nav-apps-gadgets">
460                <a href="https://www.kromedio.de/tag/apps-gadgets/">
461                    Apps &amp; Gadgets
462                </a>
463            </li>
464            <li class="nav-fotografie">
465                <a href="https://www.kromedio.de/tag/fotografie/">
466                    Fotografie
467                </a>
468            </li>
469            <li class="nav-typo-fails">
470                <a href="https://www.kromedio.de/tag/typofails/">
471                    Typo-Fails
472                </a>
473            </li>
474            <li class="nav-trailschatz">
475                <a href="https://www.kromedio.de/tag/trailschatz/">
476                    Trailschatz
477                </a>
478            </li>
479            <li class="nav-archiv">
480                <a href="https://www.kromedio.de/archiv/">
481                    Archiv
482                </a>
483            </li>
484            <li class="nav-kromedio">
485                <a href="https://www.kromedio.de/">
486                    # Kromedio
487                </a>
488            </li>
489            <li class="nav-now">
490                <a href="https://www.kromedio.de/now/">
491                    Now
492                </a>
493            </li>
494            <li class="nav-uber-mich">
495                <a href="https://www.kromedio.de/about/">
496                    Über mich
497                </a>
498            </li>
499            <li class="nav-kontakt">
500                <a href="https://www.kromedio.de/kontakt/">
501                    Kontakt
502                </a>
503            </li>
504            <li class="nav-impressum-datenschutz">
505                <a href="https://www.kromedio.de/impressum-datenschutz/">
506                    Impressum &amp; Datenschutz
507                </a>
508            </li>
509    </ul>
510
511
512                <div class="footer-nav-group social-links">
513                    <div class="footer-subscription-box">
514                            <div class="subscription-box-wrapper">
515        <div class="hero-form-wrapper">
516                <div class="h3 single-cta-title elegant-title">
517                        Zwischen Pixeln und Pfaden
518                </div>
519
520            <form class="form-wrapper cover-form inline-form" data-members-form>
521                <input class="auth-email" type="email" data-members-email placeholder="Geben Sie Ihre E-Mail-Adresse ein" required="true" autocomplete="false">
522
523                <button class="button button-primary neutral" type="submit" aria-label="Subscribe">
524                    <span class="default">Abonnieren</span>
525                    <span class="loader"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
526    <path opacity="0.3" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z" />
527    <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z">
528        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite" />
529    </path>
530</svg></span>
531                    <span class="success">E-Mail gesendet. Überprüfe deinen Posteingang!</span>
532                </button>
533            </form>
534        </div>
535    </div>
536                    </div>
537                    <div class="footer-follow-us">
538                        <ul class="nav">
539                            <div class="author-social-links-content footer-social-links" data-social-links="https://bsky.app/profile/claus.kromedio.de.ap.brid.gy,https://www.instagram.com/kro_medial/,https://www.youtube.com/@kromedio">
540    <li>
541        <a class="social-item social-icon-wrapper social-item-rss"
542            href="https://www.kromedio.de/rss/" target="_blank"
543            rel="noopener noreferrer" aria-label="RSS">
544            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
545    <path fill-rule="evenodd" d="M3.75 4.5a.75.75 0 0 1 .75-.75h.75c8.284 0 15 6.716 15 15v.75a.75.75 0 0 1-.75.75h-.75a.75.75 0 0 1-.75-.75v-.75C18 11.708 12.292 6 5.25 6H4.5a.75.75 0 0 1-.75-.75V4.5Zm0 6.75a.75.75 0 0 1 .75-.75h.75a8.25 8.25 0 0 1 8.25 8.25v.75a.75.75 0 0 1-.75.75H12a.75.75 0 0 1-.75-.75v-.75a6 6 0 0 0-6-6H4.5a.75.75 0 0 1-.75-.75v-.75Zm0 7.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z" clip-rule="evenodd" />
546</svg>        </a>
547    </li>
548</div>                        </ul>
549                    </div>
550                </div>
551            </div>
552            <div class="label footer-copyright">
553                © 2026 by Kromedio.</br> 
554                <span class="footer-signature">
555                    Erstellt mit ❤️ in Tönisvorst. Powered by
556                    <a class="menu-item badge" href="https://ghost.org/" target="_blank" rel="noopener"> Ghost</a>.
557                    
558                </span>
559
560            </div>
561            <div id="site-title-footer" class="site-title-footer elegant-title">
562                Kromedio 
563            </div>
564        </div>
565    </div>
566</footer></div>
567
568    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
569    <div class="pswp__bg"></div>
570
571    <div class="pswp__scroll-wrap">
572        <div class="pswp__container">
573            <div class="pswp__item"></div>
574            <div class="pswp__item"></div>
575            <div class="pswp__item"></div>
576        </div>
577
578        <div class="pswp__ui pswp__ui--hidden">
579            <div class="pswp__top-bar">
580                <div class="pswp__counter"></div>
581
582                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
583                <button class="pswp__button pswp__button--share" title="Share"></button>
584                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
585                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
586
587                <div class="pswp__preloader">
588                    <div class="pswp__preloader__icn">
589                        <div class="pswp__preloader__cut">
590                            <div class="pswp__preloader__donut"></div>
591                        </div>
592                    </div>
593                </div>
594            </div>
595
596            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
597                <div class="pswp__share-tooltip"></div>
598            </div>
599
600            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
601            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
602
603            <div class="pswp__caption">
604                <div class="pswp__caption__center"></div>
605            </div>
606        </div>
607    </div>
608</div>
609<script src="/assets/built/main.min.js?v=b5S_Y3XR3KA2UBeo"></script>
609
610    
610<script src="/assets/js/tocbot.js?v=VTn9aw_gr4Acp2RW"></script>
610
611
612<script>
613    // Only run on post/page templates that use content.hbs
614    const content = document.querySelector('.single-content');
615    const tocContainer = document.querySelector('.toc');
616
617    if (content && tocContainer) {
618        // Merge custom config if provided via Code Injection
619        const customConfig = window.tocbotConfig || {};
620        const headingSelector = customConfig.headingSelector || 'h2, h3';
621
622        // Check if content has the specified headings
623        if (content.querySelector(headingSelector)) {
624            tocbot.init(Object.assign({
625                tocSelector: '.toc',
626                contentSelector: '.single-content',
627                headingSelector: 'h2',
628                hasInnerContainers: true,
629                collapsibleClass: 'is-collapsible',
630                scrollSmooth: false,
631                scrollSmoothDuration: 300,
632                scrollSmoothOffset: -150,
633                headingsOffset: 150,
634                ignoreSelector: '.kg-card h2, .kg-card h3, .kg-card h4, .kg-card h5, .kg-card h6, .toc-sidebar h2, .toc-sidebar h3, .toc-sidebar h4, .toc-sidebar h5, .toc-sidebar h6'
635            }, customConfig));
636        }
637    }
638</script>
638
639
640
641
642</body>
643</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.