PageSourceSearch

https://www.kromedio.de/tag/journal/

html kromedio.de collected 2026-10-04 08:09:20 UTC 31,281 bytes, 748 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>Journal - Kromedio</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="Angelehnt an die Micro Blogs: Kurzes und Knappes. Meistens.">
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/tag/journal/">
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="undefined" tb_post_type="null" 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="tag-template tag-journal">
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 nav-current">
261                <a class="nav-menu-item" href="https://www.kromedio.de/tag/journal/">
262                    Journal
263                </a>
264            </li>
265            <li class="nav-now">
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<div class="content-area">
389    <main class="site-main">
390            <div class="page-header container medium">
391                <div class="page-header-wrapper">
392                    <h1 class="h1 hero-header elegant-title">Journal</h1>
393                        <p class="body-large hero-desc">
394                            Angelehnt an die Micro Blogs: Kurzes und Knappes. Meistens.
395                        </p>
396                        <div class="hero-desc-count body-1">6 Beiträge</div>
397                </div>
398            </div>
399        
400        <section class="section-container container medium reset-spacing">
401            <div class=" expanded card-thumbnail gh-feed">
402    <div class="grid-3col">
403            <article class="post-card ui-grid post tag-journal odd small-card" data-month="Januar 2026" data-dominant-color="false">
404    <div class="post-text-container content">
405            <div class="post-meta-wrapper">
406                    <div class="label post-meta post-tag">
407                        Journal
408                    </div>
409                <time class="label post-meta post-calendar" datetime="2026-01-07">
410                    07.01.26
411                </time>
412            </div>
413        <h2 class="post-title elegant-title">
414            Kleinere Updates
415        </h2>
416    </div>
417
418            <div class="post-cover">
419                <figure class="post-image blur-load horizontal">
420                    <img class="blur-img"
421                        src="/content/images/size/w50/2026/04/banner_cat_cloud_2x.gif"
422                        alt=""
423                        aria-hidden="true">
424                    <img class="u-object-fit post-img full-img"
425                        srcset="/content/images/size/w750/format/webp/2026/04/banner_cat_cloud_2x.gif 750w,
426                                /content/images/size/w960/format/webp/2026/04/banner_cat_cloud_2x.gif 960w,
427                                /content/images/size/w1140/format/webp/2026/04/banner_cat_cloud_2x.gif 1140w"
428                        sizes="(min-width: 768px) 500px, 90vw"
429                        src="/content/images/size/w1140/2026/04/banner_cat_cloud_2x.gif"
430                        alt="Kleinere Updates"
431                        loading="lazy"
432                    >
433                </figure>
434            </div>
435
436    <a class="u-permalink" href=/kleinere-updates/ aria-label="Kleinere Updates" ></a>
437
438</article>
439            <article class="post-card ui-grid post tag-journal even small-card" data-month="Oktober 2025" data-dominant-color="false">
440    <div class="post-text-container content">
441            <div class="post-meta-wrapper">
442                    <div class="label post-meta post-tag">
443                        Journal
444                    </div>
445                <time class="label post-meta post-calendar" datetime="2025-10-06">
446                    06.10.25
447                </time>
448            </div>
449        <h2 class="post-title elegant-title">
450            Neue Updates der Now-Seite
451        </h2>
452    </div>
453
454            <div class="post-cover">
455                <figure class="post-image blur-load horizontal">
456                    <img class="blur-img"
457                        src="/content/images/size/w50/2026/04/projekte_titel.webp"
458                        alt=""
459                        aria-hidden="true">
460                    <img class="u-object-fit post-img full-img"
461                        srcset="/content/images/size/w750/format/webp/2026/04/projekte_titel.webp 750w,
462                                /content/images/size/w960/format/webp/2026/04/projekte_titel.webp 960w,
463                                /content/images/size/w1140/format/webp/2026/04/projekte_titel.webp 1140w"
464                        sizes="(min-width: 768px) 500px, 90vw"
465                        src="/content/images/size/w1140/2026/04/projekte_titel.webp"
466                        alt="Neue Updates der Now-Seite"
467                        loading="lazy"
468                    >
469                </figure>
470            </div>
471
472    <a class="u-permalink" href=/neue-updates-der-now-seite/ aria-label="Neue Updates der Now-Seite" ></a>
473
474</article>
475            <article class="post-card ui-grid post tag-journal odd small-card" data-month="August 2025" data-dominant-color="false">
476    <div class="post-text-container content">
477            <div class="post-meta-wrapper">
478                    <div class="label post-meta post-tag">
479                        Journal
480                    </div>
481                <time class="label post-meta post-calendar" datetime="2025-08-24">
482                    24.08.25
483                </time>
484            </div>
485        <h2 class="post-title elegant-title">
486            Peaches Keeley Anderson startet ihre Webseite
487        </h2>
488    </div>
489
490            <div class="post-cover">
491                <figure class="post-image blur-load horizontal">
492                    <img class="blur-img"
493                        src="/content/images/size/w50/2026/04/PeachesBaumBlobv2.webp"
494                        alt=""
495                        aria-hidden="true">
496                    <img class="u-object-fit post-img full-img"
497                        srcset="/content/images/size/w750/format/webp/2026/04/PeachesBaumBlobv2.webp 750w,
498                                /content/images/size/w960/format/webp/2026/04/PeachesBaumBlobv2.webp 960w,
499                                /content/images/size/w1140/format/webp/2026/04/PeachesBaumBlobv2.webp 1140w"
500                        sizes="(min-width: 768px) 500px, 90vw"
501                        src="/content/images/size/w1140/2026/04/PeachesBaumBlobv2.webp"
502                        alt="Peaches Keeley Anderson startet ihre Webseite"
503                        loading="lazy"
504                    >
505                </figure>
506            </div>
507
508    <a class="u-permalink" href=/peaches-k-anderson-startet-ihre-webseite/ aria-label="Peaches Keeley Anderson startet ihre Webseite" ></a>
509
510</article>
511            <article class="post-card ui-grid post tag-journal no-image no-background even small-card" data-month="August 2025" data-dominant-color="false">
512    <div class="post-text-container content">
513            <div class="post-meta-wrapper">
514                    <div class="label post-meta post-tag">
515                        Journal
516                    </div>
517                <time class="label post-meta post-calendar" datetime="2025-08-11">
518                    11.08.25
519                </time>
520            </div>
521        <h2 class="post-title elegant-title">
522            Bei Ghost gelandet (wieder)
523        </h2>
524    </div>
525
526            <div class="post-cover no-image">
527                <div class="post-image horizontal">
528                    <div class="placeholder-title">
529                        Bei Ghost gelandet (wieder)
530                    </div>
531                </div>
532            </div>
533
534    <a class="u-permalink" href=/bei-ghost-gelandet-wieder/ aria-label="Bei Ghost gelandet (wieder)" ></a>
535
536</article>
537            <article class="post-card ui-grid post tag-journal odd small-card" data-month="Januar 2025" data-dominant-color="false">
538    <div class="post-text-container content">
539            <div class="post-meta-wrapper">
540                    <div class="label post-meta post-tag">
541                        Journal
542                    </div>
543                <time class="label post-meta post-calendar" datetime="2025-01-16">
544                    16.01.25
545                </time>
546            </div>
547        <h2 class="post-title elegant-title">
548            Neues Seitenlogo
549        </h2>
550    </div>
551
552            <div class="post-cover">
553                <figure class="post-image blur-load horizontal">
554                    <img class="blur-img"
555                        src="/content/images/size/w50/2025/08/Logo_artikel_hintergrund.svg"
556                        alt=""
557                        aria-hidden="true">
558                    <img class="u-object-fit post-img full-img"
559                        srcset="/content/images/size/w750/format/webp/2025/08/Logo_artikel_hintergrund.svg 750w,
560                                /content/images/size/w960/format/webp/2025/08/Logo_artikel_hintergrund.svg 960w,
561                                /content/images/size/w1140/format/webp/2025/08/Logo_artikel_hintergrund.svg 1140w"
562                        sizes="(min-width: 768px) 500px, 90vw"
563                        src="/content/images/size/w1140/2025/08/Logo_artikel_hintergrund.svg"
564                        alt="Neues Seitenlogo"
565                        loading="lazy"
566                    >
567                </figure>
568            </div>
569
570    <a class="u-permalink" href=/neues-seitenlogo/ aria-label="Neues Seitenlogo" ></a>
571
572</article>
573            <article class="post-card ui-grid post tag-journal even small-card" data-month="Januar 2025" data-dominant-color="false">
574    <div class="post-text-container content">
575            <div class="post-meta-wrapper">
576                    <div class="label post-meta post-tag">
577                        Journal
578                    </div>
579                <time class="label post-meta post-calendar" datetime="2025-01-06">
580                    06.01.25
581                </time>
582            </div>
583        <h2 class="post-title elegant-title">
584            Jetzt auch mit Now-Seite
585        </h2>
586    </div>
587
588            <div class="post-cover">
589                <figure class="post-image blur-load horizontal">
590                    <img class="blur-img"
591                        src="/content/images/size/w50/2025/08/now_page.jpg"
592                        alt=""
593                        aria-hidden="true">
594                    <img class="u-object-fit post-img full-img"
595                        srcset="/content/images/size/w750/format/webp/2025/08/now_page.jpg 750w,
596                                /content/images/size/w960/format/webp/2025/08/now_page.jpg 960w,
597                                /content/images/size/w1140/format/webp/2025/08/now_page.jpg 1140w"
598                        sizes="(min-width: 768px) 500px, 90vw"
599                        src="/content/images/size/w1140/2025/08/now_page.jpg"
600                        alt="Jetzt auch mit Now-Seite"
601                        loading="lazy"
602                    >
603                </figure>
604            </div>
605
606    <a class="u-permalink" href=/jetzt-auch-mit-now-seite/ aria-label="Jetzt auch mit Now-Seite" ></a>
607
608</article>
609    </div>
610</div>            <nav class="load-more">
611    <button class="button button-secondary gh-loadmore round">Mehr laden</button>
612</nav>
613
614
615        </section>
616
617    </main>
618</div>
619
620
621    </div>
622    <footer class="site-footer footer-plain">
623    <div class="container medium footer-content">
624        <div class="footer-inner-main">
625            <div class="footer-nav footer-nav-flex">
626                    <ul class="nav nav-secondary">
627            <li class="nav-themen">
628                <a href="https://www.kromedio.de/">
629                    # Themen
630                </a>
631            </li>
632            <li class="nav-apps-gadgets">
633                <a href="https://www.kromedio.de/tag/apps-gadgets/">
634                    Apps &amp; Gadgets
635                </a>
636            </li>
637            <li class="nav-fotografie">
638                <a href="https://www.kromedio.de/tag/fotografie/">
639                    Fotografie
640                </a>
641            </li>
642            <li class="nav-typo-fails">
643                <a href="https://www.kromedio.de/tag/typofails/">
644                    Typo-Fails
645                </a>
646            </li>
647            <li class="nav-trailschatz">
648                <a href="https://www.kromedio.de/tag/trailschatz/">
649                    Trailschatz
650                </a>
651            </li>
652            <li class="nav-archiv">
653                <a href="https://www.kromedio.de/archiv/">
654                    Archiv
655                </a>
656            </li>
657            <li class="nav-kromedio">
658                <a href="https://www.kromedio.de/">
659                    # Kromedio
660                </a>
661            </li>
662            <li class="nav-now">
663                <a href="https://www.kromedio.de/now/">
664                    Now
665                </a>
666            </li>
667            <li class="nav-uber-mich">
668                <a href="https://www.kromedio.de/about/">
669                    Über mich
670                </a>
671            </li>
672            <li class="nav-kontakt">
673                <a href="https://www.kromedio.de/kontakt/">
674                    Kontakt
675                </a>
676            </li>
677            <li class="nav-impressum-datenschutz">
678                <a href="https://www.kromedio.de/impressum-datenschutz/">
679                    Impressum &amp; Datenschutz
680                </a>
681            </li>
682    </ul>
683
684
685                <div class="footer-nav-group social-links">
686                    <div class="footer-subscription-box">
687                            <div class="subscription-box-wrapper">
688        <div class="hero-form-wrapper">
689                <div class="h3 single-cta-title elegant-title">
690                        Zwischen Pixeln und Pfaden
691                </div>
692
693            <form class="form-wrapper cover-form inline-form" data-members-form>
694                <input class="auth-email" type="email" data-members-email placeholder="Geben Sie Ihre E-Mail-Adresse ein" required="true" autocomplete="false">
695
696                <button class="button button-primary neutral" type="submit" aria-label="Subscribe">
697                    <span class="default">Abonnieren</span>
698                    <span class="loader"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
699    <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" />
700    <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">
701        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite" />
702    </path>
703</svg></span>
704                    <span class="success">E-Mail gesendet. Überprüfe deinen Posteingang!</span>
705                </button>
706            </form>
707        </div>
708    </div>
709                    </div>
710                    <div class="footer-follow-us">
711                        <ul class="nav">
712                            <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">
713    <li>
714        <a class="social-item social-icon-wrapper social-item-rss"
715            href="https://www.kromedio.de/rss/" target="_blank"
716            rel="noopener noreferrer" aria-label="RSS">
717            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
718    <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" />
719</svg>        </a>
720    </li>
721</div>                        </ul>
722                    </div>
723                </div>
724            </div>
725            <div class="label footer-copyright">
726                © 2026 by Kromedio.</br> 
727                <span class="footer-signature">
728                    Erstellt mit ❤️ in Tönisvorst. Powered by
729                    <a class="menu-item badge" href="https://ghost.org/" target="_blank" rel="noopener"> Ghost</a>.
730                    
731                </span>
732
733            </div>
734            <div id="site-title-footer" class="site-title-footer elegant-title">
735                Kromedio 
736            </div>
737        </div>
738    </div>
739</footer></div>
740
741
742<script src="/assets/built/main.min.js?v=b5S_Y3XR3KA2UBeo"></script>
742
743
744
745
746
747</body>
748</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.