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