PageSourceSearch

https://www.kromedio.de/about/

html kromedio.de collected 2026-10-04 08:09:18 UTC 28,284 bytes, 626 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>Über mich und diese Seite</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    <link rel="icon" href="https://www.kromedio.de/content/images/size/w256h256/format/png/2025/08/Social_Icon_2024.svg" type="image/png">
97    <link rel="canonical" href="https://www.kromedio.de/about/">
98    <meta name="referrer" content="strict-origin-when-cross-origin">
99    <meta name="generator" content="Ghost 6.64">
100    <link rel="alternate" type="application/rss+xml" title="Kromedio" href="https://www.kromedio.de/rss/">
101    
101<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>
101<style id="gh-members-styles">.gh-post-upgrade-cta-content,
102.gh-post-upgrade-cta {
103    display: flex;
104    flex-direction: column;
105    align-items: center;
106    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
107    text-align: center;
108    width: 100%;
109    color: #ffffff;
110    font-size: 16px;
111}
112
113.gh-post-upgrade-cta-content {
114    border-radius: 8px;
115    padding: 40px 4vw;
116}
117
118.gh-post-upgrade-cta h2 {
119    color: #ffffff;
120    font-size: 28px;
121    letter-spacing: -0.2px;
122    margin: 0;
123    padding: 0;
124}
125
126.gh-post-upgrade-cta p {
127    margin: 20px 0 0;
128    padding: 0;
129}
130
131.gh-post-upgrade-cta small {
132    font-size: 16px;
133    letter-spacing: -0.2px;
134}
135
136.gh-post-upgrade-cta a {
137    color: #ffffff;
138    cursor: pointer;
139    font-weight: 500;
140    box-shadow: none;
141    text-decoration: underline;
142}
143
144.gh-post-upgrade-cta a:hover {
145    color: #ffffff;
146    opacity: 0.8;
147    box-shadow: none;
148    text-decoration: underline;
149}
150
151.gh-post-upgrade-cta a.gh-btn {
152    display: block;
153    background: #ffffff;
154    text-decoration: none;
155    margin: 28px 0 0;
156    padding: 8px 18px;
157    border-radius: 4px;
158    font-size: 16px;
159    font-weight: 600;
160}
161
162.gh-post-upgrade-cta a.gh-btn:hover {
163    opacity: 0.92;
164}</style>
165    
165<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>
165
166    
167    <link href="https://www.kromedio.de/webmentions/receive/" rel="webmention">
168    
168<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
168
169    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
170    
170<script defer src="/public/comment-counts.min.js?v=oFYkaGLdiMqB8VN9" data-ghost-comments-counts-api="https://www.kromedio.de/members/api/comments/counts/"></script>
170
171    
171<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
171
172    
172<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="6aaba755-cd70-486e-b2ff-dcbda97bb940" tb_post_type="page" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
172<style>:root {--ghost-accent-color: #431987;}</style>
173    <style>
174  a.gh-head-link {
175    display: none !important;
176  }
177  .single-cta-wrapper {
178    display: none !important;
179  }
180  .footer-subscription-box {
181    display: none !important;
182  }
183
184  @font-face {
185    font-family: 'FixelText';
186    src: url('/assets/fonts/FixelText-Regular.woff2') format('woff2');
187    font-weight: 400;
188    font-style: normal;
189    font-display: swap;
190  }
191  @font-face {
192    font-family: 'FixelText';
193    src: url('/assets/fonts/FixelText-RegularItalic.woff2') format('woff2');
194    font-weight: 400;
195    font-style: italic;
196    font-display: swap;
197  }
198  @font-face {
199    font-family: 'FixelText';
200    src: url('/assets/fonts/FixelText-Bold.woff2') format('woff2');
201    font-weight: 700;
202    font-style: normal;
203    font-display: swap;
204  }
205  @font-face {
206    font-family: 'FixelText';
207    src: url('/assets/fonts/FixelText-BoldItalic.woff2') format('woff2');
208    font-weight: 700;
209    font-style: italic;
210    font-display: swap;
211  }
212
213  :root {
214    --font-base: 'FixelText', sans-serif;
215  }
216
217/* Änderung an den Linkfarben und der allgemeinen Typo */
218
219.gh-content a {
220  color: #C026D3;
221  text-decoration: none;
222}
223.gh-content a:hover {
224  color: #A21CAF;
225  text-decoration: underline;
226  text-underline-offset: 3px;
227  text-decoration-thickness: 2px;
228}
229  .gh-content p {
230  letter-spacing: -0.01em;
231}
232
233/* Meine coolen Bildnachweise am Ende */
234
235  .image-caption {
236  font-size: 1.4rem !important;
237  color: var(--color-text-secondary, #888);
238  letter-spacing: 0;
239}
240  
241/* Änderung der Linkfarben in der Hauptnavi */
242  
243
244.header-alternative .nav-new li a:hover {
245  color: #C026D3 !important;
246} 
247</style>
248</head>
249
250<body class="page-template page-about">
251<div class="status-bar-spacer"></div>
252<div class="home-bar-spacer"></div>
253<div class="site">
254    <!-- Header -->
255    <header id="gh-head" class="header header-alternative gh-head user-define-mode">
256            <div class="head-inner">
257            <nav class="gh-head-menu">
258                    <ul class="nav-new">
259            <li class="nav-journal">
260                <a class="nav-menu-item" href="https://www.kromedio.de/tag/journal/">
261                    Journal
262                </a>
263            </li>
264            <li class="nav-now">
265                <a class="nav-menu-item" href="https://www.kromedio.de/now/">
266                    Now
267                </a>
268            </li>
269            <li class="nav-themen">
270                <a class="nav-menu-item" href="#">
271                    Themen
272                </a>
273            </li>
274            <li class="nav-apps-gadgets">
275                <a class="nav-menu-item" href="https://www.kromedio.de/tag/apps-gadgets/">
276                    - Apps &amp; Gadgets
277                </a>
278            </li>
279            <li class="nav-fotografie">
280                <a class="nav-menu-item" href="https://www.kromedio.de/tag/fotografie/">
281                    - Fotografie
282                </a>
283            </li>
284            <li class="nav-typo-fails">
285                <a class="nav-menu-item" href="https://www.kromedio.de/tag/typofails/">
286                    - Typo-Fails
287                </a>
288            </li>
289            <li class="nav-trailschatz">
290                <a class="nav-menu-item" href="https://www.kromedio.de/tag/trailschatz/">
291                    - Trailschatz
292                </a>
293            </li>
294            <li class="nav-uber-mich nav-current">
295                <a class="nav-menu-item" href="https://www.kromedio.de/about/">
296                    Über mich
297                </a>
298            </li>
299            <li class="nav-kontakt">
300                <a class="nav-menu-item" href="https://www.kromedio.de/kontakt/">
301                    Kontakt
302                </a>
303            </li>
304    </ul>
305
306
307            </nav>
308
309        <div class="logo-wrap">
310            <a class="head-logo-wrap logo" href="https://www.kromedio.de">
311
312                    <div class="logo-text logo-empty" aria-label="Kromedio">
313                        Kromedio
314                    </div>
315            </a>
316                <div class="header-group is-mobile">
317                    <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"/>
318    <path d="m21 21-4.35-4.35"/>
319</svg></button>
320                        <button
321        class="gh-theme-toggle search-button header-button button-icon"
322        data-a11y="false"
323        aria-label="Activate dark mode"
324        title="Activate dark mode" >
325        <div class="theme-toggle-icon">
326            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
327                <!-- Static moon icon (visible in light mode) -->
328                <path class="moon-icon" d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
329
330                <!-- Animated sun (visible in dark mode) -->
331                <circle class="sun-circle" cx="12" cy="12" r="5"/>
332                <g class="beams-container">
333                    <circle class="sun-beam" cx="12" cy="2" r="1.5"/>
334                    <circle class="sun-beam" cx="12" cy="22" r="1.5"/>
335                    <circle class="sun-beam" cx="22" cy="12" r="1.5"/>
336                    <circle class="sun-beam" cx="2" cy="12" r="1.5"/>
337                    <circle class="sun-beam" cx="19.07" cy="4.93" r="1.5"/>
338                    <circle class="sun-beam" cx="4.93" cy="4.93" r="1.5"/>
339                    <circle class="sun-beam" cx="19.07" cy="19.07" r="1.5"/>
340                    <circle class="sun-beam" cx="4.93" cy="19.07" r="1.5"/>
341                </g>
342            </svg>
343        </div>
344    </button>
345                    <button class="gh-burger header-button button-icon" aria-label="Toggle navigation"></button>
346                </div>
347        </div>
348
349        <div class="header-action">
350                <div class="header-group is-desktop">
351                        <button
352        class="gh-theme-toggle search-button header-button button-icon"
353        data-a11y="false"
354        aria-label="Activate dark mode"
355        title="Activate dark mode" >
356        <div class="theme-toggle-icon">
357            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
358                <!-- Static moon icon (visible in light mode) -->
359                <path class="moon-icon" d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
360
361                <!-- Animated sun (visible in dark mode) -->
362                <circle class="sun-circle" cx="12" cy="12" r="5"/>
363                <g class="beams-container">
364                    <circle class="sun-beam" cx="12" cy="2" r="1.5"/>
365                    <circle class="sun-beam" cx="12" cy="22" r="1.5"/>
366                    <circle class="sun-beam" cx="22" cy="12" r="1.5"/>
367                    <circle class="sun-beam" cx="2" cy="12" r="1.5"/>
368                    <circle class="sun-beam" cx="19.07" cy="4.93" r="1.5"/>
369                    <circle class="sun-beam" cx="4.93" cy="4.93" r="1.5"/>
370                    <circle class="sun-beam" cx="19.07" cy="19.07" r="1.5"/>
371                    <circle class="sun-beam" cx="4.93" cy="19.07" r="1.5"/>
372                </g>
373            </svg>
374        </div>
375    </button>
376                    <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"/>
377    <path d="m21 21-4.35-4.35"/>
378</svg></button>
379                </div>
380                    <a class="button button-primary gh-head-link" href="#/portal/signup" data-portal="signup">Abonnieren</a>
381        </div>
382            </div>
383    </header>
384
385    <div class="site-content">
386        
387<main class="site-main">
388
389        <article class="single ghost-content post">
390
391        <header class="single-header kg-canvas split">
392            
393            <div class="expanded-image-wrap reverse">
394            <div class="single-heading-wrap">
395
396
397                <h1 class="single-title">Über mich und diese Seite</h1>
398
399
400            </div>
401
402                    <figure class="single-media kg-width-split blur-load">
403                        <img class="blur-img"
404                            src="/content/images/size/w50/2026/04/claus_profil.jpg"
405                            alt=""
406                            aria-hidden="true">
407                        <img
408                            srcset="/content/images/size/w750/format/webp/2026/04/claus_profil.jpg 750w,
409                                    /content/images/size/w960/format/webp/2026/04/claus_profil.jpg 960w,
410                                    /content/images/size/w1140/format/webp/2026/04/claus_profil.jpg 1140w,
411                                    /content/images/size/w1920/format/webp/2026/04/claus_profil.jpg 1920w"
412                            sizes="(min-width: 768px) 30vw, 90vw"
413                            class="single-hero-image full-img"
414                            src="/content/images/size/w1920/2026/04/claus_profil.jpg"
415                            alt="Über mich und diese Seite"
416                            width="1920"
417                            height="1280"
418                            fetchpriority="high">
419
420                    </figure>
421                        </div>
422            
423        </header>
424
425    <div class="single-content gh-content kg-canvas ">
426        <p>Hi, ich bin Claus, Typografie-Nerd &amp; Gadget Geek. Schön, dass du dich hierhin verirrt hast. Dich erwarten auf Kromedio.de viele skurrile Typografie Fails, ab und an ein neues Foto und vielleicht auch mal was zum Thema Apps und Gadgets.</p><p>Aktuell ist diese kleine Webseite vielleicht noch ein Sammelsurium verschiedener Inhalte. Ich denke aber, dass sich mit der Zeit eine Richtung herauskristallisieren wird und klar(er) ist, wohin die Reise gehen wird. Und wenn nicht, dann nicht.</p><figure class="kg-card kg-image-card"><img src="https://www.kromedio.de/content/images/2025/08/Cal_Newport_Digitaler_Minimalismus-1.png" class="kg-image" alt="Zitat von Cal Newport zum Digitalen Minimalismus" loading="lazy" width="900" height="506" srcset="https://www.kromedio.de/content/images/size/w600/2025/08/Cal_Newport_Digitaler_Minimalismus-1.png 600w, https://www.kromedio.de/content/images/2025/08/Cal_Newport_Digitaler_Minimalismus-1.png 900w" sizes="(min-width: 720px) 720px"></figure><p>Vor über 15 Jahren fand ich es sehr gelungen, meinen Nachnamen Krome in eine kreativere Domain-Form als clauskrome.de zu bringen. Kromedio kam dabei raus und ich nutze es auch heute noch gerne.</p><p>Ich lebe in Tönisvorst am linken Niederrhein zusammen mit meiner Frau <a href="https://www.marzipanworte.de/?ref=kromedio.de" rel="noreferrer">Silke</a>. Uns verbindet - neben vielen anderen Dingen - das gemeinsame Hobby des Wanderns. Hierfür existiert - natürlich - eine eigene Seite im Netz:</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.trailschatz.de/?ref=kromedio.de"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Trailschatz - Wanderungen in Deutschland und Umgebung</div><div class="kg-bookmark-description">Wir sind Silke und Claus und wandern hin und wieder ganz gerne. Die gewanderten Routen könnt ihr als GPS Tracks downloaden.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://www.kromedio.de/content/images/icon/silkeundclaus-Logo-Icon.png" alt=""><span class="kg-bookmark-author">Wanderungen in Deutschland und Umgebung</span></div></div>
426<div class="kg-bookmark-thumbnail"><img src="https://www.kromedio.de/content/images/thumbnail/drag-and-drop-img-1311.png" alt="" onerror="this.style.display = 'none'"></div></a></figure><p>Schaue da gerne mal vorbei, wenn du dich für schöne Wanderungen interessierst und auch gerne mal weiter als 15 Km gehst.</p><p>Ich werde auf dieser Seite sicherlich hin und wieder auf den Trailschatz verweisen, denn die nächste lange Wanderung steht schon bevor.</p><figure class="kg-card kg-image-card"><img src="https://www.kromedio.de/content/images/2025/08/image.png" class="kg-image" alt="" loading="lazy" width="824" height="1036" srcset="https://www.kromedio.de/content/images/size/w600/2025/08/image.png 600w, https://www.kromedio.de/content/images/2025/08/image.png 824w" sizes="(min-width: 720px) 720px"></figure>
427    </div>
428</article>
429
430</main>
431    </div>
432    <footer class="site-footer footer-plain">
433    <div class="container medium footer-content">
434        <div class="footer-inner-main">
435            <div class="footer-nav footer-nav-flex">
436                    <ul class="nav nav-secondary">
437            <li class="nav-themen">
438                <a href="https://www.kromedio.de/">
439                    # Themen
440                </a>
441            </li>
442            <li class="nav-apps-gadgets">
443                <a href="https://www.kromedio.de/tag/apps-gadgets/">
444                    Apps &amp; Gadgets
445                </a>
446            </li>
447            <li class="nav-fotografie">
448                <a href="https://www.kromedio.de/tag/fotografie/">
449                    Fotografie
450                </a>
451            </li>
452            <li class="nav-typo-fails">
453                <a href="https://www.kromedio.de/tag/typofails/">
454                    Typo-Fails
455                </a>
456            </li>
457            <li class="nav-trailschatz">
458                <a href="https://www.kromedio.de/tag/trailschatz/">
459                    Trailschatz
460                </a>
461            </li>
462            <li class="nav-archiv">
463                <a href="https://www.kromedio.de/archiv/">
464                    Archiv
465                </a>
466            </li>
467            <li class="nav-kromedio">
468                <a href="https://www.kromedio.de/">
469                    # Kromedio
470                </a>
471            </li>
472            <li class="nav-now">
473                <a href="https://www.kromedio.de/now/">
474                    Now
475                </a>
476            </li>
477            <li class="nav-uber-mich">
478                <a href="https://www.kromedio.de/about/">
479                    Über mich
480                </a>
481            </li>
482            <li class="nav-kontakt">
483                <a href="https://www.kromedio.de/kontakt/">
484                    Kontakt
485                </a>
486            </li>
487            <li class="nav-impressum-datenschutz">
488                <a href="https://www.kromedio.de/impressum-datenschutz/">
489                    Impressum &amp; Datenschutz
490                </a>
491            </li>
492    </ul>
493
494
495                <div class="footer-nav-group social-links">
496                    <div class="footer-subscription-box">
497                            <div class="subscription-box-wrapper">
498        <div class="hero-form-wrapper">
499                <div class="h3 single-cta-title elegant-title">
500                        Zwischen Pixeln und Pfaden
501                </div>
502
503            <form class="form-wrapper cover-form inline-form" data-members-form>
504                <input class="auth-email" type="email" data-members-email placeholder="Geben Sie Ihre E-Mail-Adresse ein" required="true" autocomplete="false">
505
506                <button class="button button-primary neutral" type="submit" aria-label="Subscribe">
507                    <span class="default">Abonnieren</span>
508                    <span class="loader"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
509    <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" />
510    <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">
511        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite" />
512    </path>
513</svg></span>
514                    <span class="success">E-Mail gesendet. Überprüfe deinen Posteingang!</span>
515                </button>
516            </form>
517        </div>
518    </div>
519                    </div>
520                    <div class="footer-follow-us">
521                        <ul class="nav">
522                            <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">
523    <li>
524        <a class="social-item social-icon-wrapper social-item-rss"
525            href="https://www.kromedio.de/rss/" target="_blank"
526            rel="noopener noreferrer" aria-label="RSS">
527            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
528    <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" />
529</svg>        </a>
530    </li>
531</div>                        </ul>
532                    </div>
533                </div>
534            </div>
535            <div class="label footer-copyright">
536                © 2026 by Kromedio.</br> 
537                <span class="footer-signature">
538                    Erstellt mit ❤️ in Tönisvorst. Powered by
539                    <a class="menu-item badge" href="https://ghost.org/" target="_blank" rel="noopener"> Ghost</a>.
540                    
541                </span>
542
543            </div>
544            <div id="site-title-footer" class="site-title-footer elegant-title">
545                Kromedio 
546            </div>
547        </div>
548    </div>
549</footer></div>
550
551    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
552    <div class="pswp__bg"></div>
553
554    <div class="pswp__scroll-wrap">
555        <div class="pswp__container">
556            <div class="pswp__item"></div>
557            <div class="pswp__item"></div>
558            <div class="pswp__item"></div>
559        </div>
560
561        <div class="pswp__ui pswp__ui--hidden">
562            <div class="pswp__top-bar">
563                <div class="pswp__counter"></div>
564
565                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
566                <button class="pswp__button pswp__button--share" title="Share"></button>
567                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
568                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
569
570                <div class="pswp__preloader">
571                    <div class="pswp__preloader__icn">
572                        <div class="pswp__preloader__cut">
573                            <div class="pswp__preloader__donut"></div>
574                        </div>
575                    </div>
576                </div>
577            </div>
578
579            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
580                <div class="pswp__share-tooltip"></div>
581            </div>
582
583            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
584            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
585
586            <div class="pswp__caption">
587                <div class="pswp__caption__center"></div>
588            </div>
589        </div>
590    </div>
591</div>
592<script src="/assets/built/main.min.js?v=b5S_Y3XR3KA2UBeo"></script>
592
593    
593<script src="/assets/js/tocbot.js?v=VTn9aw_gr4Acp2RW"></script>
593
594
595<script>
596    // Only run on post/page templates that use content.hbs
597    const content = document.querySelector('.single-content');
598    const tocContainer = document.querySelector('.toc');
599
600    if (content && tocContainer) {
601        // Merge custom config if provided via Code Injection
602        const customConfig = window.tocbotConfig || {};
603        const headingSelector = customConfig.headingSelector || 'h2, h3';
604
605        // Check if content has the specified headings
606        if (content.querySelector(headingSelector)) {
607            tocbot.init(Object.assign({
608                tocSelector: '.toc',
609                contentSelector: '.single-content',
610                headingSelector: 'h2',
611                hasInnerContainers: true,
612                collapsibleClass: 'is-collapsible',
613                scrollSmooth: false,
614                scrollSmoothDuration: 300,
615                scrollSmoothOffset: -150,
616                headingsOffset: 150,
617                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'
618            }, customConfig));
619        }
620    }
621</script>
621
622
623
624
625</body>
626</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.