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 & 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 & 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 & 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 & 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.