PageSourceSearch

https://bo.de/tag/thema-des-tages/

html bo.de collected 2026-10-01 11:39:25 UTC 109,947 bytes, 1,800 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de-DE">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>Thema des Tages - Baden Online</title>
8    <link rel="stylesheet" href="https://bo.de/assets/built/screen.css?v=QIxG7LWMr8CX05kn">
9
10    <link rel="stylesheet" href="https://bo.de/assets/blackflow/blackflow.css?v=AEiRFRgCILMcjZmb">
11
12    
12<script type="text/javascript" src="https://bo.de/assets/js/jquery-3.7.1.min.js?v=_JqT3SQfawRcv_BI"></script>
12
13    
13<script type="text/javascript" src="https://bo.de/assets/js/gsap/gsap.min.js?v=6EA3edRalZC0PA7P"></script>
13
14    
14<script type="text/javascript" src="https://bo.de/assets/js/gsap/CustomEase.min.js?v=dCGSce_Ac4FWltSN"></script>
14
15    
15<script type="text/javascript" src="https://bo.de/assets/js/gsap/ScrollToPlugin.min.js?v=w3mz6SzHiF3lxM1K"></script>
15
16    
16<script type="text/javascript" src="https://bo.de/assets/js/flowbite.min.js?v=-HKseIJF439CrGIO"></script>
16
17    
17<script type="text/javascript" src="https://bo.de/assets/blackflow/js/blackflow.min.js?v=v32ieZrtVFWxZBRG"></script>
17
18    
18<script type='text/javascript' defer data-domain="bo.de" src="https://prxy-plsbl.bo.de/js/script.js"></script>
18
19
20    
20<script src="https://bo.de/assets/blackflow/js/bf-search.js?v=2B64yOTAPBi8lirL"></script>
20
21
22    <!-- 
23     -->
24    <!-- 
24<script type="text/javascript" src="https://ad1.adfarm1.adition.com/js?wp_id=2633541&no_cookies=1"></script>
24 -->
25    <!-- 
25<script type="text/javascript" src="https://ad1.adfarm1.adition.com/js?wp_id=2633541&no_cookies=1"></script>
25 -->
26    <!--  -->
27
28        
28<script type="text/javascript">
29            window.BF_AD_MODE = 'friendly-iframe';
30        </script>
30
31
32    
32<script type="text/javascript" async src="https://imagesrv.adition.com/js/adition.js" data-name="adition"></script>
32
33
34
35    <link rel="icon" href="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/2025/02/favicon.ico" type="image/x-icon">
36    <link rel="canonical" href="https://bo.de/tag/thema-des-tages/">
37    <meta name="referrer" content="no-referrer-when-downgrade">
38    <link rel="next" href="https://bo.de/tag/thema-des-tages/page/2/">
39    
40    <meta property="og:site_name" content="Baden Online">
41    <meta property="og:type" content="website">
42    <meta property="og:title" content="Thema des Tages - Baden Online">
43    <meta property="og:url" content="https://bo.de/tag/thema-des-tages/">
44    <meta property="og:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
45    <meta property="article:publisher" content="https://www.facebook.com/ghost">
46    <meta name="twitter:card" content="summary_large_image">
47    <meta name="twitter:title" content="Thema des Tages - Baden Online">
48    <meta name="twitter:url" content="https://bo.de/tag/thema-des-tages/">
49    <meta name="twitter:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
50    <meta name="twitter:site" content="@ghost">
51    <meta property="og:image:width" content="1200">
52    <meta property="og:image:height" content="840">
53    
54    
54<script type="application/ld+json">
55{
56    "@context": "https://schema.org",
57    "@type": "Series",
58    "publisher": {
59        "@type": "Organization",
60        "name": "Baden Online",
61        "url": "https://bo.de/",
62        "logo": {
63            "@type": "ImageObject",
64            "url": "https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/2025/02/favicon.ico",
65            "width": 16,
66            "height": 16
67        }
68    },
69    "url": "https://bo.de/tag/thema-des-tages/",
70    "name": "Thema des Tages",
71    "mainEntityOfPage": "https://bo.de/tag/thema-des-tages/"
72}
73    </script>
73
74
75    <meta name="generator" content="Ghost 6.68">
76    <link rel="alternate" type="application/rss+xml" title="Baden Online" href="https://bo.de/rss/">
77    
77<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://bo.de/" data-key="f32f1d8319c8ec92c5f4755173" data-api="https://baden-online.ghost.io/ghost/api/content/" data-locale="de-DE" crossorigin="anonymous"></script>
77<style id="gh-members-styles">.gh-post-upgrade-cta-content,
78.gh-post-upgrade-cta {
79    display: flex;
80    flex-direction: column;
81    align-items: center;
82    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
83    text-align: center;
84    width: 100%;
85    color: #ffffff;
86    font-size: 16px;
87}
88
89.gh-post-upgrade-cta-content {
90    border-radius: 8px;
91    padding: 40px 4vw;
92}
93
94.gh-post-upgrade-cta h2 {
95    color: #ffffff;
96    font-size: 28px;
97    letter-spacing: -0.2px;
98    margin: 0;
99    padding: 0;
100}
101
102.gh-post-upgrade-cta p {
103    margin: 20px 0 0;
104    padding: 0;
105}
106
107.gh-post-upgrade-cta small {
108    font-size: 16px;
109    letter-spacing: -0.2px;
110}
111
112.gh-post-upgrade-cta a {
113    color: #ffffff;
114    cursor: pointer;
115    font-weight: 500;
116    box-shadow: none;
117    text-decoration: underline;
118}
119
120.gh-post-upgrade-cta a:hover {
121    color: #ffffff;
122    opacity: 0.8;
123    box-shadow: none;
124    text-decoration: underline;
125}
126
127.gh-post-upgrade-cta a.gh-btn {
128    display: block;
129    background: #ffffff;
130    text-decoration: none;
131    margin: 28px 0 0;
132    padding: 8px 18px;
133    border-radius: 4px;
134    font-size: 16px;
135    font-weight: 600;
136}
137
138.gh-post-upgrade-cta a.gh-btn:hover {
139    opacity: 0.92;
140}</style>
140<script async src="https://js.stripe.com/v3/"></script>
140
141    
141<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="f32f1d8319c8ec92c5f4755173" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://baden-online.ghost.io/" data-locale="de-DE" crossorigin="anonymous"></script>
141
142    
143    <link href="https://bo.de/webmentions/receive/" rel="webmention">
144    
144<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
144
145    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
146    
146<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
146
147    
147<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://bo.de/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="e3e98fc8-cb07-4dbf-b54e-a205b65c74d4" tb_post_uuid="undefined" tb_post_type="null" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
147<style>:root {--ghost-accent-color: #ff9800;}</style>
148</head>
149
150<body class="dark:bg-gray-900 duration-150 ease-in-out bg-md-bluegray-50">
151
152    <div class="gh-portal-popup-background"></div>
153
154    <div id="site-outer-wrapper">
155        <header class="">
156            <div class="header-top bg-reiff-normal">
157                <div class="logo">
158                    <a href="https://bo.de">
159                        <object data="https://bo.de/assets/images/logo.svg?v=-tJ3Gr8sJY4oq08A" type="image/svg+xml" class="logo-claim _pen "> baden
160                            online
161                        </object>
162                    </a>
163                </div>
164                <div class="action-button-bar ">
165                    <button class="ghost-search-trigger search text-white/87 bf-search-button hover:bg-white/04 rounded-full ripple-u" aria-label="Suche öffnen">
166                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" class="text-white">
167                            <path d="M23.38,21.62l-6.53-6.53a9.15,9.15,0,0,0,1.9-5.59,9.27,9.27,0,1,0-3.66,7.36l6.53,6.53a1.26,1.26,0,0,0,1.76,0A1.25,1.25,0,0,0,23.38,21.62ZM2.75,9.5A6.75,6.75,0,1,1,9.5,16.25,6.76,6.76,0,0,1,2.75,9.5Z"
168                              fill="currentColor">
169                            </path>
170                        </svg>
171                    </button>
172
173
174                <section class="ghost-search-section hidden fixed inset-0 z-[9999] flex justify-center bg-white/90 backdrop-blur-sm">
175                    <div class="search-overlay overflow-y-scroll">
176                        <div class="mt-20- bg-white w-full max-w-[95vw] sm:max-w-lg rounded-lg shadow-xl relative translate-z-0">
177
178                            <div class="z-10 relative flex items-center py-5 px-4 sm:px-7 bg-white rounded-lg">
179                                <div class="flex items-center justify-center w-4 h-4 mr-3">
180                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="16" width="16"
181                                         class="text-neutral-900" alt="Search">
182                                        <path d="M23.38,21.62l-6.53-6.53a9.15,9.15,0,0,0,1.9-5.59,9.27,9.27,0,1,0-3.66,7.36l6.53,6.53a1.26,1.26,0,0,0,1.76,0A1.25,1.25,0,0,0,23.38,21.62ZM2.75,9.5A6.75,6.75,0,1,1,9.5,16.25,6.76,6.76,0,0,1,2.75,9.5Z"
183                                              fill="currentColor"></path>
184                                    </svg>
185                                </div>
186                                <input class="ghost-search-input grow -my-5 py-5 -ml-3 pl-3 text-[1.65rem]- focus-visible:outline-none placeholder:text-gray-400 outline-none truncate"
187                                       placeholder="Anzeigen durchsuchen" value="" style="width:800px;max-width: 512px;">
188                                <button class="ghost-search-close ml-3 text-sm text-neutral-500" aria-label="Suche schließen">
189                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" fill="currentColor">
190                                        <path d="M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/>
191                                    </svg>
192                                </button>
193                            </div>
194
195                            <div class="bg-white w-full max-w-[95vw] sm:max-w-lg rounded-lg shadow-xl m-auto relative translate-z-0 overflow-hidden">
196
197                                <div class="ghost-search-results search-results py-3 px-0 sm:px-0 hidden">
198                                    <div style="align-content:center; text-align:center; align-items: center; justify-content: center; margin: 0px 0px 24px 0px; opacity: .18">
199                                        <hr class="text-neutral-500 text-sm truncate" style="border-top:1px solid"/>
200                                    </div>
201
202                                    <div class="ghost-search-results-content"></div>
203                                </div>
204
205                                <button class="ghost-show-more-button w-full text-center py-3- text-sm p-6 text-md-bluegray-500 bg-md-gray-50 hover:bg-md-gray-100 border-t border-gray-100 hidden">
206                                    Mehr Ergebnisse anzeigen
207                                </button>
208                            </div>
209                        </div>
210                    </div>
211                </section>
212
213                    <button data-collapse-toggle="navbar-dropdown" type="button"
214                        class="menu inline-flex items-center p-3 w-12 h-12 justify-center text-sm text-gray-500 hover:text-md-orange-500/87 rounded-full md:hidden hover:bg-md-orange-600/10 focus:text-md-orange-500/87 focus:bg-md-orange-600/10"
215                        aria-controls="navbar-dropdown" aria-expanded="false">
216                        <span class="sr-only">Open main menu</span>
217                        <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
218                            viewBox="0 0 17 14">
219                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
220                                d="M1 1h15M1 7h15M1 13h15" />
221                        </svg>
222                    </button>
223
224                            <!-- <button type="button" id="bf-register-button"
225                        class="login btn focus:outline-none border border-rose-500 text-rose-500 hover:bg-rose-600/10 ripple">
226
227                        <a target="_blank" href="">Registrieren</a>
228                    </button> -->
229                            <button type="button" id="bf-register-button" data-dialogue-target="register-login"
230                                class="open-dialogue-button header register btn focus:outline-none border border-white/38 text-white/38 hover:bg-white/04 ripple">
231                                <a href="#">Abonnement</a>
232                                <!-- <a href="#/portal/signup">Registrieren</a> -->
233                            </button>
234                            <button type="button" data-dialogue-target="custom-login"
235                                class="open-dialogue-button login btn focus:outline-none border border-md-orange-500 text-md-orange-500 hover:bg-md-orange-600/10 ripple">
236                                <a href="#">Anmelden</a>
237                                <!-- <a href="#/portal/signin">Anmelden</a> -->
238                            </button>
239
240                    <button id="darkmode-button" type="button"
241                        class="dark bg-white/10 relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none "
242                        role="switch" aria-checked="false">
243                        <span class="sr-only">Use setting</span>
244                        <span
245                            class="span-1 translate-x-0 pointer-events-none relative inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out">
246
247                            <span
248                                class="opacity-100 duration-200 ease-in absolute inset-0 flex h-full w-full items-center justify-center transition-opacity"
249                                aria-hidden="true">
250                                <svg class="w-3 h-3 text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
251                                    fill="currentColor" viewBox="0 0 20 20">
252                                    <path
253                                        d="M10 15a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0-11a1 1 0 0 0 1-1V1a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1Zm0 12a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1ZM4.343 5.757a1 1 0 0 0 1.414-1.414L4.343 2.929a1 1 0 0 0-1.414 1.414l1.414 1.414Zm11.314 8.486a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM4 10a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1Zm15-1h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 0-2ZM4.343 14.243l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414a1 1 0 0 0-1.414-1.414ZM14.95 6.05a1 1 0 0 0 .707-.293l1.414-1.414a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 .707 1.707Z" />
254                                </svg>
255                            </span>
256                            <!-- Enabled: "opacity-100 duration-200 ease-in", Not Enabled: "opacity-0 duration-150 ease-out" -->
257                            <span
258                                class="opacity-0 duration-150 ease-out absolute inset-0 flex h-full w-full items-center justify-center transition-opacity"
259                                aria-hidden="true">
260                                <svg class="h-3 w-3 text-md-orange-500" aria-hidden="true"
261                                    xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 20">
262                                    <path
263                                        d="M17.8 13.75a1 1 0 0 0-.859-.5A7.488 7.488 0 0 1 10.52 2a1 1 0 0 0 0-.969A1.035 1.035 0 0 0 9.687.5h-.113a9.5 9.5 0 1 0 8.222 14.247 1 1 0 0 0 .004-.997Z" />
264                                </svg>
265                            </span>
266                        </span>
267                    </button>
268                </div>
269            </div>
270            <div class="header-bottom bg-reiff-dark" data-ripple-color="bg-white">
271                <nav id="navigation" class="border-gray-200 dark:border-gray-700">
272  <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4 md:p-0">
273    <div class="hidden w-full md:block md:w-auto" id="navbar-dropdown">
274      <ul
275        class="main-ul flex flex-col font-medium md:p-0 mt-4- border- border-gray-100- rounded-lg bg-gray-50- md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white- dark:bg-gray-800- md:dark:bg-gray-900- dark:border-gray-700-">
276        <li>
277          <button id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar"
278            class="flex items-center justify-between w-full py-2 px-3 focus:text-md-orange-500 text-white/87 rounded hover:bg-gray-100 hover:text-md-orange-500 md:border-0 hover:text-md-orange-500 hover:bg-md-orange-500/08 md:p-0 md:w-auto dark:text-white/87 dar
278k:hover:text-md-orange-500 md:dark:hover:bg-md-orange-500/08 dark:focus:text-white/87- dark:border-gray-700 ">Ortenau
279            <svg class="w-2.5 h-2.5 ms-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
280              viewBox="0 0 10 6">
281              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
282                d="m1 1 4 4 4-4" />
283            </svg></button>
284          <!-- Dropdown menu -->
285          <div id="dropdownNavbar" class="dropdown z-10 hidden ">
286            <ul
287              class="py-2 text-sm text-gray-700 dark:text-gray-400 font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600"
288              aria-labelledby="dropdownLargeButton">
289              <li>
290                <a href="https://bo.de/tag/thema-des-tages"
291                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Themen des Tages</a>
292              </li>
293              <li>
294                <a href="https://bo.de/tag/offenburg"
295                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Offenburg</a>
296              </li>
297              <li>
298                <a href="https://bo.de/tag/lahr"
299                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Lahr</a>
300              </li>
301              <li>
302                <a href="https://bo.de/tag/achern"
303                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Achern</a>
304              </li>
305              <li>
306                <a href="https://bo.de/tag/oberkirch"
307                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Oberkirch</a>
308              </li>
309              <li>
310                <a href="https://bo.de/tag/kinzigtal"
311                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Kinzigtal</a>
312              </li>
313              <li>
314                <a href="https://bo.de/tag/kehl"
315                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Kehl</a>
316              </li>
317              <li>
318                <a href="https://bo.de/tag/kinder"
319                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Kindernachrichten</a>
320              </li>
321            </ul>
322          </div>
323        </li>
324        <li>
325          <button style="-opacity:.24 !important; -pointer-events:none !important" id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar2"
326            class="flex items-center justify-between w-full py-2 px-3 focus:text-md-orange-500 text-white/87 rounded hover:bg-gray-100 hover:text-md-orange-500 hover:bg-md-orange-500/10 md:border-0 md:hover:text-md-orange-500 md:hover:bg-md-orange-500/08 md:p-0 md:w-auto dark:text-white/87 md:dark:hover:text-md-orange-500 md:dark:hover:bg-md-orange-500/08 dark:focus:text-white/87 dark:border-gray-700 dark:hover:bg-gray-700">Aus der Welt
327            <svg class="w-2.5 h-2.5 ms-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
328              viewBox="0 0 10 6">
329              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
330                d="m1 1 4 4 4-4" />
331            </svg></button>
332          <!-- Dropdown menu -->
333          <div id="dropdownNavbar2" class="dropdown hidden z-10 ">
334            <ul
335              class="py-2 text-sm text-gray-700 dark:text-gray-400 font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600"
336              aria-labelledby="dropdownLargeButton">
337              <div class="py-2">
338                <a href="https://bo.de/tag/aus-der-welt"
339                  class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white/87">
340                  Aus der Welt
341                </a>
342              </div>
343              <li>
344                <a href="https://bo.de/tag/politik" 
345                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Politik</a>
346              </li>
347              <li>
348                <a href="https://bo.de/tag/wirtschaft"
349                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Wirtschaft</a>
350              </li>
351              <li>
352                <a href="https://bo.de/tag/baden-wurttemberg" 
353                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">BaWü</a>
354              </li>
355              <li>
356                <a href="https://bo.de/tag/kultur"
357                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Kultur</a>
358              </li>
359              <!-- <li>
360                <a href="https://bo.de/tag/boulevard"
361                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Boulevard</a>
362              </li> -->
363            </ul>
364          </div>
365        </li>
366       <li>
367          <button style="-opacity:.24 !important; -pointer-events:none !important" id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar3"
368            class="flex items-center justify-between w-full py-2 px-3 focus:text-md-orange-500 text-white/87 rounded hover:bg-gray-100 hover:text-md-orange-500 hover:bg-md-orange-500/10 md:border-0 md:hover:text-md-orange-500 md:hover:bg-md-orange-500/08 md:p-0 md:w-auto dark:text-white/87 md:dark:hover:text-md-orange-500 md:dark:hover:bg-md-orange-500/08 dark:focus:text-white/87 dark:border-gray-700 dark:hover:bg-gray-700">Regiosport
369            <svg class="w-2.5 h-2.5 ms-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
370              viewBox="0 0 10 6">
371              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
372                d="m1 1 4 4 4-4" />
373            </svg></button>
374          <!-- Dropdown menu -->
375          <div id="dropdownNavbar3" class="dropdown hidden z-10 ">
376            <ul
377              class="py-2 text-sm text-gray-700 dark:text-gray-400 font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600"
378              aria-labelledby="dropdownLargeButton">
379              <div class="py-2">
380                <a href="https://bo.de/tag/regiosport"
381                  class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white/87">
382                  Regiosport
383                </a>
384              </div>
385              <li>
386                <a href="https://bo.de/tag/fussball"
387                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Fussball</a>
388              </li>
389              <li>
390                <a href="https://bo.de/tag/handball" 
391                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Handball</a>
392              </li>
393              <li>
394                <a href="https://bo.de/mehr-sport" styleE="opacity:.24 !important; pointer-events:none !important"
395                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Mehr Sport</a>
396              </li>
397            </ul>
398          </div>
399        </li>
400        </li>
401        <li>
402          <!-- <a href="https://www.trauer-ortenau.de" target="_blank"
403            class="block py-2 px-3 hover:text-red-500 focus:text-md-orange-500 text-white/87 text-gray-900 rounded hover:text-md-orange-500 hover:bg-md-orange-500/10 md:border-0 md:hover:text-md-orange-500 md:hover:bg-md-orange-500/10 md:p-0 dark:text-white/87 md:dark:hover:text-blue-500 dark:hover:bg-gray-700 md:dark:hover:text-md-orange-500 md:dark:hover:bg-md-orange-500/08">Trauer
404          </a> -->
405          <a href="https://bo.de/trauer"
406            class="block py-2 px-3 hover:text-red-500 focus:text-md-orange-500 text-white/87 text-gray-900 rounded hover:text-md-orange-500 hover:bg-md-orange-500/10 md:border-0 md:hover:text-md-orange-500 md:hover:bg-md-orange-500/10 md:p-0 dark:text-white/87 md:dark:hover:text-blue-500 dark:hover:bg-gray-700 md:dark:hover:text-md-orange-500 md:dark:hover:bg-md-orange-500/08">Trauer
407          </a>
408        </li>
409        <li>
410          <button style="-opacity:.24 !important; -pointer-events:none !important" id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar5"
411            class="flex items-center justify-between w-full py-2 px-3 focus:text-md-orange-500 text-white/87 rounded hover:bg-gray-100 hover:text-md-orange-500 hover:bg-md-orange-500/10 md:border-0 md:hover:text-md-orange-500 md:hover:bg-md-orange-500/08 md:p-0 md:w-auto dark:text-white/87 md:dark:hover:text-md-orange-500 md:dark:hover:bg-md-orange-500/08 dark:focus:text-white/87 dark:border-gray-700 dark:hover:bg-gray-700">Marktplatz
412            <svg class="w-2.5 h-2.5 ms-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
413              viewBox="0 0 10 6">
414              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
415                d="m1 1 4 4 4-4" />
416            </svg></button>
417          <!-- Dropdown menu -->
418          <div id="dropdownNavbar5" class="dropdown hidden z-10 ">
419            <ul
420              class="py-2 text-sm text-gray-700 dark:text-gray-400 font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600"
421              aria-labelledby="dropdownLargeButton">
422              <div class="py-2">
423                <a href="https://bo.de/tag/anzeige"
424                  class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white/87">
425                  Marktplatz
426                </a>
427              </div>
428              <!-- <li>
429                <a href="https://advertorials.bo.de" target="_blank"
430                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Advertorials</a>
431              </li> -->
432              <li>
433                <a href="https://bo.de/tag/wir-vor-ort"
434                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Wir vor Ort</a>
435              </li>
436              <li>
437                <a href="https://bo.de/tag/ausschreibung" target="_blank"
438                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Ausschreibung</a>
439              </li>
440              <!-- <li>
441                <a href="https://trauer-ortenau.de" target="_blank"
442                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Trauer</a>
443              </li> -->
444              <!-- <li>
445                <a href="https://bo.de/trauer-test.tsx"
446                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Trauer-Test</a>
447              </li>
448              <li>
449                <a href="https://bo.de/leserhelfen"
450                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Leserhelfen-Test</a>
451              </li> -->
452              <li>
453                <a href="https://jobs.bo.de" target="_blank"
454                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Jobs</a>
455              </li>
456              <li>
457                <a href="https://kleinanzeigen.bo.de" target="_blank"
458                  class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white/87">Kleinanzeigen</a>
459              </li>
460            </ul>
461          </div>
462        </li>
463        <li>
464          <a href="https://bo.de/tag/blaulicht"
465            class="block py-2 px-3 hover:text-red-500 focus:text-md-orange-500 text-white/87 text-gray-900 rounded hover:text-md-orange-500 hover:bg-md-orange-500/10 md:border-0 md:hover:text-md-orange-500 md:hover:bg-md-orange-500/10 md:p-0 dark:text-white/87 md:dark:hover:text-blue-500 dark:hover:bg-gray-700 md:dark:hover:text-md-orange-500 md:dark:hover:bg-md-orange-500/08">Blaulicht</a>
466        </li>
467        <li>
468          <a href="https://mittelbadische.reservix.de/" target="_blank"
469            class="block py-2 px-3 hover:text-red-500 focus:text-md-orange-500 text-white/87 text-gray-900 rounded hover:text-md-orange-500 hover:bg-md-orange-500/10 md:border-0 md:hover:text-md-orange-500 md:hover:bg-md-orange-500/10 md:p-0 dark:text-white/87 md:dark:hover:text-blue-500 dark:hover:bg-gray-700 md:dark:hover:text-md-orange-500 md:dark:hover:bg-md-orange-500/08">Ticket-Shop</a>
470        </li>
471      </ul>
472    </div>
473  </div>
474</nav>
475
476
477
478            </div>
479        </header>
480
481        <!-- <div id="header-island" data-react-island="header" data-avatar-url="https://bo.de/assets/images/km.jpg?v=FBVOutQnGJ-RrGsr" style="position: relative;z-index:999999999"></div> -->
482
483        <main id="site-wrapper" class="">
484
485            
486<section class="section-banner p-0 py-6 bg-md-blue-500- duration-150 ease-in-out">
487  <div id="commercial-banner" class="commercial-banner"></div>
488</section>
489
490<section class="latest-news p-6 bg-md-bluegray-50 dark:bg-gray-800 duration-150 ease-in-out">
491    <div class="section-headline" style="position: relative;">
492        <h1 class="text-2xl font-extrabold uppercase dark:text-white/87">
493            Thema des Tages
494        </h1>
495           <div class="headline-seperator bg-md-orange-500"></div>
496    </div>
497    <div class="section-posts post-feed active bg-md-lime-300- style--card" style="padding-bottom: 5rem">
498        <article id="6abe3eb20a0e2500011ec571"
499    class="dark:bg-slate-700 hover:shadow-2xl hover:z-10 gh-card- post-card bf-card shadow- bg-white rounded-xl- post tag-thema-des-tages tag-online large">
500
501    <a class="gh-card-link" href="/ortenau-zoll-entdeckt-verfalschten-diesel-fur-fast-400-000-euro/">
502
503        <div class="post-image">
504            <figure class="gh-card-image-">
505               
506                <img srcset="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w300/2026/10/file868p0nn4hkh1ir2xz1e4f.jpg 300w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w720/2
506026/10/file868p0nn4hkh1ir2xz1e4f.jpg 720w,
507                    https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w960/2026/10/file868p0nn4hkh1ir2xz1e4f.jpg 960w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w1200/2026/10/file868p0nn4hkh1ir2xz1e4f.jpg 1200w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w2000/2026/10/file868p0nn4hkh1ir2xz1e4f.jpg 2000w" sizes="(max-width: 1200px) 100vw, 1200px"
508                    src="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/2026/10/file868p0nn4hkh1ir2xz1e4f.jpg"
509                    alt="Ortenau: Zoll entdeckt verfälschten Diesel für fast 400.000 Euro"
510                    class=" transition duration-[10000ms] ease-in-out rounded-xl-">
511            </figure>
512        </div>
513
514            <div class="post-headline">
515                    <h3 class="gh-card-title- flow__headline1 text-black-900/87 dark:text-white/87">Ortenau: Zoll entdeckt verfälschten Diesel für fast 400.000 Euro</h3>
516            </div>
517
518            <div class="post-info-bar">
519                <div class="post-meta text-md-bluegray-500/87">
520                    <span class="post-meta-item post-meta-date">
521                        <time datetime=" 2026-Oktober-01">1. Okt. 2026</time>
522                    </span>
523                    <span>/</span>
524                    <span class="post-meta-item post-meta-length">1 Minute</span>
525                    <span>/</span>
526                </div>
527                <span class="post-primary-tag text-orange-500 dark:text-md-orange-500">
528                    Thema des Tages
529                </span>
530            </div>
531
532
533
534            <div class="post-excerpt">
535
536                    <div class="paywall-info">
537                        <img class="mini-logo"  src="https://bo.de/assets/images/bo_plus_RGB.jpg?v=Nj7Xpyd05jLgogL3" alt="">
538                        <span class="blur-text _sec text-black-900/87 dark:text-md-bluegray-200">Bei einer Kraftstoffkontrolle in einem Ortenauer Unternehmen hat der Zoll sogenannten Designer Fuel entdeckt. Nach bisherigen Erkenntnissen könnte dem Staat ein Steuerschaden von knapp 400.000 Euro entstanden sein. Gegen den Lieferanten wird ermittelt.</span>
539                        <!-- <span class="blur-text _sec">Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar. Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar.</span> -->
540                    </div>
541            </div>
542
543
544
545    </a>
546</article>
547        <article id="6abe379a0a0e2500011ec520"
548    class="dark:bg-slate-700 hover:shadow-2xl hover:z-10 gh-card- post-card bf-card shadow- bg-white rounded-xl- post tag-thema-des-tages tag-online">
549
550    <a class="gh-card-link" href="/super-6-tipper-aus-dem-ortenaukreis-gewinnt-100-000-euro/">
551
552        <div class="post-image">
553            <figure class="gh-card-image-">
554               
555                <img srcset="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w300/2026/10/file84i1ekyurwy7k5ilcey.jpg 300w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w720/2026/10/file84i1ekyurwy7k5ilcey.jpg 720w,
556                    https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w960/2026/10/file84i1ekyurwy7k5ilcey.jpg 960w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w1200/2026/10/file84i1ekyurwy7k5ilcey.jpg 1200w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w2000/2026/10/file84i1ekyurwy7k5ilcey.jpg 2000w" sizes="(max-width: 1200px) 100vw, 1200px"
557                    src="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/2026/10/file84i1ekyurwy7k5ilcey.jpg"
558                    alt="SUPER 6: Tipper aus dem Ortenaukreis gewinnt 100.000 Euro"
559                    class=" transition duration-[10000ms] ease-in-out rounded-xl-">
560            </figure>
561        </div>
562
563            <div class="post-headline">
564                    <h3 class="gh-card-title- flow__headline1 text-black-900/87 dark:text-white/87">SUPER 6: Tipper aus dem Ortenaukreis gewinnt 100.000 Euro</h3>
565            </div>
566
567            <div class="post-info-bar">
568                <div class="post-meta text-md-bluegray-500/87">
569                    <span class="post-meta-item post-meta-date">
570                        <time datetime=" 2026-Oktober-01">1. Okt. 2026</time>
571                    </span>
572                    <span>/</span>
573                    <span class="post-meta-item post-meta-length">1 Minute</span>
574                    <span>/</span>
575                </div>
576                <span class="post-primary-tag text-orange-500 dark:text-md-orange-500">
577                    Thema des Tages
578                </span>
579            </div>
580
581
582
583            <div class="post-excerpt">
584
585                    <div class="paywall-info">
586                        <img class="mini-logo"  src="https://bo.de/assets/images/bo_plus_RGB.jpg?v=Nj7Xpyd05jLgogL3" alt="">
587                        <span class="blur-text _sec text-black-900/87 dark:text-md-bluegray-200">Ein Tipper aus dem Ortenaukreis hat bei der Zusatzlotterie SUPER 6 100.000 Euro gewonnen. Der Gewinn wurde bei der Ziehung am Mittwoch, 30. September, erzielt.</span>
588                        <!-- <span class="blur-text _sec">Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar. Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar.</span> -->
589                    </div>
590            </div>
591
592
593
594    </a>
595</article>
596        <article id="6abcea4a5248ef00016e6936"
597    class="dark:bg-slate-700 hover:shadow-2xl hover:z-10 gh-card- post-card bf-card shadow- bg-white rounded-xl- post tag-oberkirch tag-lokales tag-online tag-thema-des-tages tag-gesundheit">
598
599    <a class="gh-card-link" href="/trotz-prognose-landarzt-aus-bad-peterstal-furchtet-keinen-arztemangel/">
600
601        <div class="post-image">
602            <figure class="gh-card-image-">
603               
604                <img srcset="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w300/2026/10/file87tq9quayo51ieczo1fms.jpg 300w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w720/2026/10/file87tq9quayo51ieczo1fms.jpg 720w,
605                    https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w960/2026/10/file87tq9quayo51ieczo1fms.jpg 960w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w1200/2026/10/file87tq9quayo51ieczo1fms.jpg 1200w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w2000/2026/10/file87tq9quayo51ieczo1fms.jpg 2000w" sizes="(max-width: 1200px) 100vw, 1200px"
606                    src="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/2026/10/file87tq9quayo51ieczo1fms.jpg"
607                    alt="Trotz Prognose: Landarzt aus Bad Peterstal fürchtet keinen Ärztemangel"
608                    class=" transition duration-[10000ms] ease-in-out rounded-xl-">
609            </figure>
610        </div>
611
612            <div class="post-headline">
613                    <h3 class="gh-card-title- flow__headline1 text-black-900/87 dark:text-white/87">Trotz Prognose: Landarzt aus Bad Peterstal fürchtet keinen Ärztemangel</h3>
614            </div>
615
616            <div class="post-info-bar">
617                <div class="post-meta text-md-bluegray-500/87">
618                    <span class="post-meta-item post-meta-date">
619                        <time datetime=" 2026-Oktober-01">1. Okt. 2026</time>
620                    </span>
621                    <span>/</span>
622                    <span class="post-meta-item post-meta-length">6 Minuten </span>
623                    <span>/</span>
624                </div>
625                <span class="post-primary-tag text-orange-500 dark:text-md-orange-500">
626                    Oberkirch
627                </span>
628            </div>
629
630
631
632            <div class="post-excerpt">
633
634                    <div class="paywall-info">
635                        <img class="mini-logo"  src="https://bo.de/assets/images/bo_plus_RGB.jpg?v=Nj7Xpyd05jLgogL3" alt="">
636                        <span class="blur-text _sec text-black-900/87 dark:text-md-bluegray-200">Seit 1982 ist Karlheinz Bayer als niedergelassener Arzt in Bad Peterstal-Griesbach tätig. Er sieht in der Tätigkeit auf dem Land viele Vorteile und hofft, dass sich wieder mehr junge Mediziner für diesen Weg entscheiden. Kritik übt er an der Zentralisierung im System. </span>
637                        <!-- <span class="blur-text _sec">Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar. Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar.</span> -->
638                    </div>
639            </div>
640
641
642
643    </a>
644</article>
645        <article id="6abe32096ce8b60001333711"
646    class="dark:bg-slate-700 hover:shadow-2xl hover:z-10 gh-card- post-card bf-card shadow- bg-white rounded-xl- post tag-baden-wurttemberg tag-online tag-thema-des-tages">
647
648    <a class="gh-card-link" href="/rheinmunster-polizei-sucht-nach-vermisster-17-jahriger/">
649
650        <div class="post-image">
651            <figure class="gh-card-image-">
652               
653                <img srcset="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w300/2026/10/file86cu4xc2dyocsu5433v-1.jpg 300w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w720/2
653026/10/file86cu4xc2dyocsu5433v-1.jpg 720w,
654                    https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w960/2026/10/file86cu4xc2dyocsu5433v-1.jpg 960w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w1200/2026/10/file86cu4xc2dyocsu5433v-1.jpg 1200w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w2000/2026/10/file86cu4xc2dyocsu5433v-1.jpg 2000w" sizes="(max-width: 1200px) 100vw, 1200px"
655                    src="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/2026/10/file86cu4xc2dyocsu5433v-1.jpg"
656                    alt="Rheinmünster: Polizei sucht nach vermisster 17-Jähriger"
657                    class=" transition duration-[10000ms] ease-in-out rounded-xl-">
658            </figure>
659        </div>
660
661            <div class="post-headline">
662                    <h3 class="gh-card-title- flow__headline1 text-black-900/87 dark:text-white/87">Rheinmünster: Polizei sucht nach vermisster 17-Jähriger</h3>
663            </div>
664
665            <div class="post-info-bar">
666                <div class="post-meta text-md-bluegray-500/87">
667                    <span class="post-meta-item post-meta-date">
668                        <time datetime=" 2026-Oktober-01">1. Okt. 2026</time>
669                    </span>
670                    <span>/</span>
671                    <span class="post-meta-item post-meta-length">1 Minute</span>
672                    <span>/</span>
673                </div>
674                <span class="post-primary-tag text-orange-500 dark:text-md-orange-500">
675                    Baden-Württemberg
676                </span>
677            </div>
678
679
680
681            <div class="post-excerpt">
682
683                    <div class="paywall-info">
684                        <img class="mini-logo"  src="https://bo.de/assets/images/bo_plus_RGB.jpg?v=Nj7Xpyd05jLgogL3" alt="">
685                        <span class="blur-text _sec text-black-900/87 dark:text-md-bluegray-200">Die 17-jährige Saphira O. wird seit dem 11. September vermisst. Sie wurde zuletzt am Sonntag in Oberschopfheim gesehen. Die Polizei nennt Lahr, Friesenheim und die Umgebung als mögliche Aufenthaltsorte.</span>
686                        <!-- <span class="blur-text _sec">Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar. Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar.</span> -->
687                    </div>
688            </div>
689
690
691
692    </a>
693</article>
694        <article id="6abcfb4e8f60e500018ee0b5"
695    class="dark:bg-slate-700 hover:shadow-2xl hover:z-10 gh-card- post-card bf-card shadow- bg-white rounded-xl- post tag-achern tag-lokales tag-online tag-thema-des-tages tag-bauen tag-infrastruktur tag-gemeinderat">
696
697    <a class="gh-card-link" href="/baugebiet-nimmt-formen-an/">
698
699        <div class="post-image">
700            <figure class="gh-card-image-">
701               
702                <img srcset="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w300/2026/09/file87tr8wbjp36cavqb1fms.jpg 300w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w720/2026/09/file87tr8wbjp36cavqb1fms.jpg 720w,
703                    https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w960/2026/09/file87tr8wbjp36cavqb1fms.jpg 960w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w1200/2026/09/file87tr8wbjp36cavqb1fms.jpg 1200w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w2000/2026/09/file87tr8wbjp36cavqb1fms.jpg 2000w" sizes="(max-width: 1200px) 100vw, 1200px"
704                    src="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/2026/09/file87tr8wbjp36cavqb1fms.jpg"
705                    alt="Baugebiet nimmt Formen an"
706                    class=" transition duration-[10000ms] ease-in-out rounded-xl-">
707            </figure>
708        </div>
709
710            <div class="post-headline">
711                    <h3 class="gh-card-title- flow__headline1 text-black-900/87 dark:text-white/87">Baugebiet nimmt Formen an</h3>
712            </div>
713
714            <div class="post-info-bar">
715                <div class="post-meta text-md-bluegray-500/87">
716                    <span class="post-meta-item post-meta-date">
717                        <time datetime=" 2026-Oktober-01">1. Okt. 2026</time>
718                    </span>
719                    <span>/</span>
720                    <span class="post-meta-item post-meta-length">1 Minute</span>
721                    <span>/</span>
722                </div>
723                <span class="post-primary-tag text-orange-500 dark:text-md-orange-500">
724                    Achern
725                </span>
726            </div>
727
728
729
730            <div class="post-excerpt">
731
732                    <div class="paywall-info">
733                        <img class="mini-logo"  src="https://bo.de/assets/images/bo_plus_RGB.jpg?v=Nj7Xpyd05jLgogL3" alt="">
734                        <span class="blur-text _sec text-black-900/87 dark:text-md-bluegray-200">Der Gemeinderat Sasbach stimmt einem ersten Entwurf zum „Waldfeld III“ zu. Geplant sind 
735Einfamilien-, Doppel- und Reihenhäuser mit gutem Anschluss an Schulen und Freizeitangebote.</span>
736                        <!-- <span class="blur-text _sec">Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar. Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar.</span> -->
737                    </div>
738            </div>
739
740
741
742    </a>
743</article>
744        <article id="6abd041e8f60e500018ee140"
745    class="dark:bg-slate-700 hover:shadow-2xl hover:z-10 gh-card- post-card bf-card shadow- bg-white rounded-xl- post tag-rheinbischofsheim tag-rheinau tag-sport tag-regiosport tag-online tag-thema-des-tages tag-turnen">
746
747    <a class="gh-card-link" href="/gleich-zwei-serien-sollen-fur-die-tg-hanauerland-enden/">
748
749        <div class="post-image">
750            <figure class="gh-card-image-">
751               
752                <img srcset="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w300/2026/09/file87so22wqtaxhirp4117p.jpg 300w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w720/2026/09/file87so22wqtaxhirp4117p.jpg 720w,
753                    https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w960/2026/09/file87so22wqtaxhirp4117p.jpg 960w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w1200/2026/09/file87so22wqtaxhirp4117p.jpg 1200w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w2000/2026/09/file87so22wqtaxhirp4117p.jpg 2000w" sizes="(max-width: 1200px) 100vw, 1200px"
754                    src="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/2026/09/file87so22wqtaxhirp4117p.jpg"
755                    alt="Gleich zwei Serien sollen für die TG Hanauerland enden"
756                    class=" transition duration-[10000ms] ease-in-out rounded-xl-">
757            </figure>
758        </div>
759
760            <div class="post-headline">
761                    <h3 class="gh-card-title- flow__headline1 text-black-900/87 dark:text-white/87">Gleich zwei Serien sollen für die TG Hanauerland enden</h3>
762            </div>
763
764            <div class="post-info-bar">
765                <div class="post-meta text-md-bluegray-500/87">
766                    <span class="post-meta-item post-meta-date">
767                        <time datetime=" 2026-Oktober-01">1. Okt. 2026</time>
768                    </span>
769                    <span>/</span>
770                    <span class="post-meta-item post-meta-length">2 Minuten </span>
771                    <span>/</span>
772                </div>
773                <span class="post-primary-tag text-orange-500 dark:text-md-orange-500">
774                    Rheinbischofsheim
775                </span>
776            </div>
777
778
779
780            <div class="post-excerpt">
781
782                    <div class="paywall-info">
783                        <img class="mini-logo"  src="https://bo.de/assets/images/bo_plus_RGB.jpg?v=Nj7Xpyd05jLgogL3" alt="">
784                        <span class="blur-text _sec text-black-900/87 dark:text-md-bluegray-200">Nach dem Auftaktsieg in der 2. Turn-Bundesliga peilt die TG Hanauerland am Samstag den ersten Erfolg überhaupt gegen den VfL Kirchheim und das Ende der Durststrecke in eigener Halle an.</span>
785                        <!-- <span class="blur-text _sec">Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar. Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar.</span> -->
786                    </div>
787            </div>
788
789
790
791    </a>
792</article>
793        <article id="6abd222e8f60e500018ee28d"
794    class="dark:bg-slate-700 hover:shadow-2xl hover:z-10 gh-card- post-card bf-card shadow- bg-white rounded-xl- post tag-thema-des-tages tag-online tag-ortenau">
795
796    <a class="gh-card-link" href="/kommt-das-endlager-nach-oberkirch/">
797
798        <div class="post-image">
799            <figure class="gh-card-image-">
800               
801                <img srcset="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w300/2026/09/file87mjtyp46801fcjrw166b.jpg 300w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w720/2
801026/09/file87mjtyp46801fcjrw166b.jpg 720w,
802                    https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w960/2026/09/file87mjtyp46801fcjrw166b.jpg 960w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w1200/2026/09/file87mjtyp46801fcjrw166b.jpg 1200w, https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/size/w2000/2026/09/file87mjtyp46801fcjrw166b.jpg 2000w" sizes="(max-width: 1200px) 100vw, 1200px"
803                    src="https://storage.ghost.io/c/e3/e9/e3e98fc8-cb07-4dbf-b54e-a205b65c74d4/content/images/2026/09/file87mjtyp46801fcjrw166b.jpg"
804                    alt="Kommt das Endlager nach Oberkirch?"
805                    class=" transition duration-[10000ms] ease-in-out rounded-xl-">
806            </figure>
807        </div>
808
809            <div class="post-headline">
810                    <h3 class="gh-card-title- flow__headline1 text-black-900/87 dark:text-white/87">Kommt das Endlager nach Oberkirch?</h3>
811            </div>
812
813            <div class="post-info-bar">
814                <div class="post-meta text-md-bluegray-500/87">
815                    <span class="post-meta-item post-meta-date">
816                        <time datetime=" 2026-Oktober-01">1. Okt. 2026</time>
817                    </span>
818                    <span>/</span>
819                    <span class="post-meta-item post-meta-length">5 Minuten </span>
820                    <span>/</span>
821                </div>
822                <span class="post-primary-tag text-orange-500 dark:text-md-orange-500">
823                    Thema des Tages
824                </span>
825            </div>
826
827
828
829            <div class="post-excerpt">
830
831                    <div class="paywall-info">
832                        <img class="mini-logo"  src="https://bo.de/assets/images/bo_plus_RGB.jpg?v=Nj7Xpyd05jLgogL3" alt="">
833                        <span class="blur-text _sec text-black-900/87 dark:text-md-bluegray-200">Die Region gehört zu den Gebieten, die bei der bundesweiten Suche noch untersucht werden. Warum der Schwarzwald im Verfahren eine Rolle spielt – und wie die Menschen vor Ort darauf reagieren.</span>
834                        <!-- <span class="blur-text _sec">Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar. Dieser Artikel ist hinter der Bezahlschranke und nur für zahlende Abonnenten verfügbar.</span> -->
835                    </div>
836            </div>
837
838
839
840    </a>
841</article>
842    </div>
843    </section>
844    <section class="section-banner p-0 bg-md-gray-50- py-6 duration-150 ease-in-out">
845      <div id="commercial-banner-2" class="commercial-banner"></div>
846    </section>
847
848<!-- <footer>
849    <section class="latest-news tab-section- p-6 py-12 bg-reiff-normal">
850        footer
851    </section> -->
852<!-- </footer> -->
853
854<footer class="fixed-bottom footer-dyn rounded-lg shadow-sm">
855    <section class="tab-section- p-6 py-12- bg-reiff-normal dark:bg-gray-900">
856  
857      <div class="footer-container w-full max-w-screen-xl mx-auto md:p-4 px-4">
858        <a
859        href="https://bo.de"
860        class="flex footer-logo items-center mb-4 sm:mb-0 space-x-3 rtl:space-x-reverse">
861        <object
862          data="https://bo.de/assets/images/logo.svg?v=-tJ3Gr8sJY4oq08A"
863          type="image/svg+xml"
864          class="logo-claim _pen mx-auto">
865          baden online
866        </object>
867      </a>
868      <button id="menu-toggle" class="md:hidden text-white focus:outline-none text-white hover:text-md-orange-500/87 rounded-full md:hidden hover:bg-md-orange-600/10 focus:text-md-orange-500/87 focus:bg-md-orange-600/10">
869        <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
870          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
871        </svg>
872      </button>
873        <ul id="menu"
874          class="footer-menu hidden md:flex flex-col md:flex-row w-full md:w-auto space-y-4 md:space-y-0 md:space-x-6 mt-4 md:mt-0 flex flex-wrap mb-6 text-sm font-medium text-white/87 sm:mb-0 dark:text-white/87">
875          <li>
876            <a
877              href="https://bo.de/impressum"
878              class="hover:underline me-4 md:me-6">Impressum</a>
879          </li>
880          <li>
881            <a
882              href="https://bo.de/datenschutz"
883              class="hover:underline me-4 md:me-6">Datenschutzerklärung</a>
884          </li>
885          <li>
886            <a
887              href="https://bo.de/nutzungsbedingungen"
888              class="hover:underline me-4 md:me-6">AGB & Nutzungsbedingungen</a>
889          </li>
890          <li>
891            <a
892              href="https://bo.de/widerrufsbelehrung"
893              class="hover:underline me-4 md:me-6">Widerrufsbelehrung</a>
894          </li>
895          <li><a href="https://mittelbadische.de/kuendigung-bo/" class="text-md-orange-500 hover:underline">Abo kündigen</a></li>
896        </ul>
897      </div>
898  
899    </section>
900
901  </footer>
902
903        </main>
904
905        <div id="wallpaper">
906        </div>
907
908
909
910        
910<script src="https://bo.de/assets/built/main.min.js?v=IfhII3HBL1m-PgcG"></script>
910
911        
911<script type="module" src="https://bo.de/assets/built/react/index.js?v=PqNWstx9blFDx-NM"></script>
911
912
913        
914    </div>
915    <!-- <div id="register-login" class="register-login bf-popup overlay bg-md-gray-100 dark:bg-gray-800 shadow-xl bg-gradient-to-b  from-md-bluegray-50 from-0% via-md-bluegray-100 via-70% to-md-bluegray-300 to-90%"> -->
916<div id="register-login" data-dialogue-target="register-login" data-dcx-ghost-worker-url="https://bf-dcx-ghost-server-v2.reiff.de" data-stripe-worker-url="https://cloudflare-stripe-server.reiff.workers.dev" class="register-login bf-popup overlay bg-md-gray-100 dark:bg-gray-900 shadow-xl bg-gradient-to-b  p-6">
917    <div class="top-bar bg-md-green-500-">
918        <div class="headline">
919            <h1 class="text-2xl text-md-bluegray-800 font-extrabold uppercase dark:text-white/87">Ihr Abonnement</h1>
920        </div>
921        <div class="close-button">
922
923            <button type="button" data-dialogue-target="register-login"
924                class="open-close-button text-white hover:bg-black/04 font-large rounded-full text-sm p-3 text-center inline-flex items-center">
925                <svg id="menu-button-close" class="svg-close _pen w-6 h-6 text-md-bluegray-800/87 dark:text-white"
926                    aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
927                    viewBox="0 0 24 24">
928                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
929                        d="M6 18 17.94 6M18 18 6.06 6" />
930                </svg>
931            </button>
932        </div>
933    </div>
934
935
936
937    <div class="content bg-md-blue-500-">
938        <div class="register-form py-0 sm:px-0 md:px-6">
939            <div class="register-form-headline">
940                <!-- <object data="https://bo.de/assets/images/logo.svg?v=-tJ3Gr8sJY4oq08A" type="image/svg+xml" class="logo-claim _pen mx-auto mb-6"> baden
941                    online
942                </object> -->
943                <div class="register-logo">
944                    <img src="https://bo.de/assets/images/bo_plus_RGB.jpg?v=Nj7Xpyd05jLgogL3" alt="">
945                </div>
946                <h1 class="text-md-bluegray-900 dark:text-white/87 text-2xl font-extrabold text-center mb-3">Nachrichten der Ortenau</h1>
947            </div>
948            <div class="register-form-text font-light text-md-bluegray-700/87 dark:text-white/87 sm:text-x text-center mb-9">
949            Aktuelle Nachrichten aus der Ortenau – von Politik und Wirtschaft bis zu Kultur und Sport – kompakt, klar und immer auf dem neuesten Stand. Ihr Update für die Region.
950            </div>
951            <div class="register-form-call text-red-600 hidden mb-6 text-center">Diese E-Mail-Adresse kann nicht angelegt werden. Bitte wenden Sie sich an den Leserservice per E-Mail an <a class="link-hover" href="mailto:[email protected]">[email protected]</a> oder telefonisch unter 0781 / 504 55 55</div>
952
953            <div class="register-form-credentials mb-12 mx-auto">
954                <!-- <div class="rl-credentials"> -->
955                <div class="grid items-end gap-6 mb-6 md:grid-cols-1 input-container">
956                    <div id="register-name" class="text-md-bluegray-400" data-step="name">
957                        <div class="relative">
958                            <input type="text" id="filled_success_name"
959                                class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900 bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-md-bluegray-400 dark:border-green-500 appearance-none dark:text-white dark:focus:border-md-bluegray-400 focus:outline-none focus:ring-0 focus:border-blue-800 focus:bg-blue-50 peer"
960                                placeholder=" " />
961                            <label for="filled_success"
962                                class="absolute text-sm dark:text-green-500 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto peer-focus:text-blue-800 dark:peer-focus:text-white">Name</label>
963                        </div>
964                        <p class="bf-error-text mt-2 text-xs">
965                            <!-- <span class="correct font-medium text-blue-700">gut gemacht!</span> -->
966                            <span class="incorrect font-medium text-red-600">bitte einen Namen mit mindestens 5 Zeichen eingeben</span>
967                    </div>
968                </div>
969                <div class="grid items-end gap-6 mb-6 md:grid-cols-1 input-container">
970                    <div id="register-email" class="text-md-bluegray-400" data-step="email">
971                        <div class="relative">
972                            <input type="text" id="filled_success_email"
973                                class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900 bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-md-bluegray-400 dark:border-green-500 appearance-none dark:text-white dark:focus:border-md-bluegray-400 focus:outline-none focus:ring-0 focus:border-blue-800 focus:bg-blue-50 peer"
974                                placeholder=" " />
975                            <label for="filled_success"
976                                class="absolute text-sm dark:text-green-500 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto peer-focus:text-blue-800 dark:peer-focus:text-white">E-Mail</label>
977                        </div>
978                        <p class="bf-error-text mt-2 text-xs">
979                            <!-- <span class="correct font-medium text-blue-700">gut gemacht!</span> -->
980                            <span class="incorrect font-medium text-red-600">ungültige E-Mail-Adresse</span>
981                        </p>
982                    </div>
983                    <!-- </div> -->
984                </div>
985            </div>
986            <div class="register-form-subscriptions space-y-8 lg:grid lg:grid-cols-2 sm:gap-6 xl:gap-10 lg:space-y-0">
987
988
989            <div class="register-form-subscription dark:bg-gray-800 bg-white rounded-lg border border-gray-100 dark:border-gray-700 shadow p-6 hover:bg-blue-50 dark:hover:bg-gray-700/87">
990                    <div class="register-form-subscription-headline">
991                        <h2 class="text-md-bluegray-900/87 dark:text-md-bluegray-500/87 text-2xl font-extrabold text-center mb-3 uppercase">monatlich</h2>
992                    </div>
993                    <div class="register-form-subscription-text text-center text-md-bluegray-700 dark:text-white mb-6">
994                        Den ganzen Monat bestens informiert.
995                    </div>
996                    <div class="register-form-subscription-price text-center">
997                        <div class="price text-5xl text-black/87 dark:text-white/87 font-extrabold">4,90 €<span class="price-star text-blue-300">*</span></div>
998                        <div class="recurrency text-gray-800 dark:text-white _sec flow__caption mt-2">monatlich</div>
999                    </div>
1000                    <div class="register-form-subscription-topic-list px-12 mt-6">
1001                        <ul role="list" class="mb-12 space-y-3 text-left">
1002                            <li class="flex items-center space-x-2 dark:text-white/87">
1003                 
1004                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1005                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1006                                    <path fill-rule="evenodd"
1007                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1008                                        clip-rule="evenodd"></path>
1009                                </svg>
1010                                <span>uneingeschränkter Zugriff auf alle Inhalte</span>
1011                            </li>
1012                            <li class="flex items-center space-x-2 dark:text-white/87">
1013                    
1014                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1015                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1016                                    <path fill-rule="evenodd"
1017                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1018                                        clip-rule="evenodd"></path>
1019                                </svg>
1020                                <span>Exklusives Bonusmeterial wie Videos und Bildergalerien</span>
1021                            </li>
1022                            <li class="flex items-center space-x-2 dark:text-white/87">
1023                          
1024                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1025                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1026                                    <path fill-rule="evenodd"
1027                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1028                                        clip-rule="evenodd"></path>
1029                                </svg>
1030                                <span>leistungsstarke Suchfunktion</span>
1031                            </li>
1032                        </ul>
1033                    </div>
1034                    <div class="register-form-subscription-button text-center">
1035                        <button data-payment-method="1" href="#"
1036                            class="_dis _pen w-full bo-register-button text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:ring-blue-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-blue-900">Jetzt loslegen</button>
1037                    </div>
1038                </div>
1039
1040                <div class="register-form-subscription dark:bg-gray-800 bg-white rounded-lg border border-gray-100 dark:border-gray-700 shadow p-6 hover:bg-blue-50 dark:hover:bg-gray-700/87">
1041                    <div class="register-form-subscription-headline">
1042                        <h2 class="text-md-bluegray-900/87 dark:text-md-bluegray-500/87 text-2xl font-extrabold text-center mb-3 uppercase">jährlich</h2>
1043                    </div>
1044                    <div class="register-form-subscription-text text-center text-md-bluegray-700 dark:text-white mb-6">
1045                        Das ganze Jahr bestens informiert.
1046                    </div>
1047                    <div class="register-form-subscription-price text-center">
1048                        <div class="price text-5xl text-black/87 dark:text-white/87 font-extrabold">49,00 €<span class="price-star text-blue-300">**</span></div>
1049                        <div class="recurrency text-gray-800 dark:text-white _sec flow__caption mt-2">jährlich</div>
1050                    </div>
1051                    <div class="register-form-subscription-topic-list px-12 mt-6">
1052                        <ul role="list" class="mb-12 space-y-3 text-left">
1053                            <li class="flex items-center space-x-2 dark:text-white/87">
1054                 
1055                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1056                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1057                                    <path fill-rule="evenodd"
1058                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1059                                        clip-rule="evenodd"></path>
1060                                </svg>
1061                                <span>uneingeschränkter Zugriff auf alle Inhalte</span>
1062                            </li>
1063                            <li class="flex items-center space-x-2 dark:text-white/87">
1064                    
1065                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1066                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1067                                    <path fill-rule="evenodd"
1068                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1069                                        clip-rule="evenodd"></path>
1070                                </svg>
1071                                <span>Exklusives Bonusmeterial wie Videos und Bildergalerien</span>
1072                            </li>
1073                            <li class="flex items-center space-x-2 dark:text-white/87">
1074                          
1075                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1076                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1077                                    <path fill-rule="evenodd"
1078                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1079                                        clip-rule="evenodd"></path>
1080                                </svg>
1081                                <span>leistungsstarke Suchfunktion</span>
1082                            </li>
1083                        </ul>
1084                    </div>
1085                    <div class="register-form-subscription-button text-center">
1086                        <button data-payment-method="2" href="#"
1087                            class=" _dis _pen w-full bo-register-button text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:ring-blue-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-blue-900">Jetzt loslegen</button>
1088                    </div>
1089                </div>
1090
1091            </div>
1092            <div class="register-form-infos font-light text-md-bluegray-700/87 dark:text-white _sec sm:text-x text-center- mb-9 mt-12 px-6">
1093                * Die Mindestlaufzeit beträgt einen Monat und verlängert sich um jeweils einen weiteren Monat, sofern Sie nicht 7 Tage vor Ablauf kündigen.<br>
1094                ** Die Mindeslaufzeit beträgt ein Jahr und verlängert sich um jeweils ein weiteres Jahr, sofern Sie nicht 7 Tage vor Ablauf kündigen. <br><br>Alle Produkteeinschließlich MwSt. und versandkostenfrei. Weitere Informationen entnehmen Sie bitte unseren <a class="text-blue-800 hover:underline dark:text-blue-400" href="https://bo.de/nutzungsbedingungen">Nutzungsbedingungen</a>
1095            </div>
1096        </div>
1097
1098        <!-- <section class="register-credentials">
1099
1100            <div class="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
1101                <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-md-bluegray-800 dark:text-white/87">bo+ - Die
1102                    Nachrichten der Ortenau</h2>
1103                <p class="mb-5 font-light text-gray-500 sm:text-xl dark:text-gray-400">Das Portal bündelt alle
1104                    aktuellen Nachrichten aus der Ortenau – von Politik über Wirtschaft bis hin zu Kultur und Sport
1105                    – und informiert umfassend über regionale Entwicklungen. Es ist die zentrale Anlaufstelle für
1106                    alle, die immer auf dem neuesten Stand bleiben möchten.</p>
1107            </div>
1108
1109            <div class="rl-credentials">
1110                <div class="rl-credentials-headline text-center">
1111                    <h2 class="text-2xl font-extrabold uppercase text-md-bluegray-800 dark:text-white/87">Angaben</h2>
1112                </div>
1113         
1114                <div class="grid items-end gap-6 mb-6 md:grid-cols-1 input-container">
1115                    <div id="register-name" class="text-md-bluegray-400" data-step="name">
1116                        <div class="relative">
1117                            <input type="text" id="filled_success_name"
1118                                class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900 bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-md-bluegray-400 dark:border-green-500 appearance-none dark:text-white dark:focus:border-md-bluegray-400 focus:outline-none focus:ring-0 focus:border-blue-800 focus:bg-blue-50 peer"
1119                                placeholder=" " />
1120                            <label for="filled_success"
1121                                class="absolute text-sm dark:text-green-500 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto peer-focus:text-blue-800">Name</label>
1122                        </div>
1123                        <p class="mt-2 text-xs">
1124                            <span class="correct font-medium text-blue-700">gut gemacht!</span>
1125                            <span class="incorrect font-medium text-red-600">bitte einen Namen mit mindestens 5 Zeichen eingeben</span>
1126                    </div>
1127                </div>
1128                <div class="grid items-end gap-6 mb-6 md:grid-cols-1 input-container">
1129                    <div id="register-email" class="text-md-bluegray-400" data-step="email">
1130                        <div class="relative">
1131                            <input type="text" id="filled_success_email"
1132                                class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900 bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-md-bluegray-400 dark:border-green-500 appearance-none dark:text-white dark:focus:border-md-bluegray-400 focus:outline-none focus:ring-0 focus:border-blue-800 focus:bg-blue-50 peer"
1133                                placeholder=" " />
1134                            <label for="filled_success"
1135                                class="absolute text-sm dark:text-green-500 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto peer-focus:text-blue-800">E-Mail</label>
1136                        </div>
1137                        <p class="mt-2 text-xs">
1138                            <span class="correct font-medium text-blue-700">gut gemacht!</span>
1139                            <span class="incorrect font-medium text-red-600">ungültige E-Mail-Adresse</span>
1140                        </p>
1141                    </div>
1142                </div>
1143            </div>
1144        </section>
1145
1146        <section class="register-pricing bg-white-">
1147            <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
1148                <div class="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
1149                    <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">bo+ - Die
1150                        Nachrichten der Ortenau</h2>
1151                    <p class="mb-5 font-light text-gray-500 sm:text-xl dark:text-gray-400">Das Portal bündelt alle
1152                        aktuellen Nachrichten aus der Ortenau – von Politik über Wirtschaft bis hin zu Kultur und Sport
1153                        – und informiert umfassend über regionale Entwicklungen. Es ist die zentrale Anlaufstelle für
1154                        alle, die immer auf dem neuesten Stand bleiben möchten.</p>
1155                </div> 
1156                <div class="space-y-8 lg:grid lg:grid-cols-2 sm:gap-6 xl:gap-10 lg:space-y-0">
1157           
1158                    <div
1159                        class="flex flex-col p-6 mx-auto max-w-lg text-center text-gray-900 bg-white rounded-lg border border-gray-100 shadow dark:border-gray-600 xl:p-8 dark:bg-gray-700 dark:text-white">
1160                        <h3 class="mb-4 text-xl text-md-bluegray-800 font-extrabold uppercase dark:text-white/87">
1161                            Monats-Abo</h3>
1162                        <p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Einsteiger-Bundle, kostengünstig alles lesen.</p>
1163                        <div class="flex justify-center items-baseline my-8">
1164                            <span class="price mr-2 text-5xl font-extrabold">4,99 €</span>
1165                            <span class="text-gray-500 dark:text-gray-400">monatlich</span>
1166         
1167                        <ul role="list" class="mb-8 space-y-3 text-left">
1168                            <li class="flex items-center space-x-2">
1169                 
1170                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1171                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1172                                    <path fill-rule="evenodd"
1173                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1174                                        clip-rule="evenodd"></path>
1175                                </svg>
1176                                <span>Werbung vorhanden</span>
1177                            </li>
1178                            <li class="flex items-center space-x-2">
1179                    
1180                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1181                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1182                                    <path fill-rule="evenodd"
1183                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1184                                        clip-rule="evenodd"></path>
1185                                </svg>
1186                                <span>alle Artikel vorhanden</span>
1187                            </li>
1188                            <li class="flex items-center space-x-2">
1189                              
1190                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1191                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1192                                    <path fill-rule="evenodd"
1193                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1194                                        clip-rule="evenodd"></path>
1195                                </svg>
1196                                <span>schnelles Lesen</span>
1197                            </li>
1198                            <li class="flex items-center space-x-2">
1199                          
1200                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1201                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1202                                    <path fill-rule="evenodd"
1203                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1204                                        clip-rule="evenodd"></path>
1205                                </svg>
1206                                <span>leistungsstarke Suchfunktion</span>
1207                            </li>
1208                          
1209                        </ul>
1210                        <a data-payment-method="1" href="#"
1211                            class="bo-register-button text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:ring-blue-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-blue-900">Jetzt loslegen</a>
1212                    </div>
1213               
1214                    <div
1215                        class="flex flex-col p-6 mx-auto max-w-lg text-center text-gray-900 bg-white rounded-lg border border-gray-100 shadow dark:border-gray-600 xl:p-8 dark:bg-gray-700 dark:text-white">
1216                        <h3 class="mb-4 text-xl text-md-bluegray-800 font-extrabold uppercase dark:text-white/87">
1217                            Jahres-Abo</h3>
1218                        <p class="font-light text-gray-500 sm:text-lg dark:text-gray-400">Das ganze Jahr bestens informiert.</p>
1219                        <div class="flex justify-center items-baseline my-8">
1220                            <span class="price mr-2 text-5xl font-extrabold">49,90 €</span>
1221                            <span class="text-gray-500 dark:text-gray-400">jährlich</span>
1222                        </div>
1223                     
1224                        <ul role="list" class="mb-8 space-y-3 text-left">
1225                            <li class="flex items-center space-x-2">
1226                        
1227                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1228                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1229                                    <path fill-rule="evenodd"
1230                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1231                                        clip-rule="evenodd"></path>
1232                                </svg>
1233                                <span>Werbung vorhanden</span>
1234                            </li>
1235                            <li class="flex items-center space-x-2">
1236                             
1237                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1238                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1239                                    <path fill-rule="evenodd"
1240                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1241                                        clip-rule="evenodd"></path>
1242                                </svg>
1243                                <span>alle Artikel vorhanden</span>
1244                            </li>
1245                            <li class="flex items-center space-x-2">
1246                    
1247                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1248                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1249                                    <path fill-rule="evenodd"
1250                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1251                                        clip-rule="evenodd"></path>
1252                                </svg>
1253                                <span>Team size:
1254                                    <span class="font-semibold">10 developers</span></span>
1255                            </li>
1256                            <li class="flex items-center space-x-2">
1257                  
1258                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1259                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1260                                    <path fill-rule="evenodd"
1261                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1262                                        clip-rule="evenodd"></path>
1263                                </svg>
1264                                <span>Premium support:
1265                                    <span class="font-semibold">24 months</span></span>
1266                            </li>
1267                            <li class="flex items-center space-x-2">
1268                        
1269                                <svg class="flex-shrink-0 w-5 h-5 text-green-500 dark:text-green-400"
1270                                    fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1271                                    <path fill-rule="evenodd"
1272                                        d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
1273                                        clip-rule="evenodd"></path>
1274                                </svg>
1275                                <span>Free updates:
1276                                    <span class="font-semibold">24 months</span></span>
1277                            </li>
1278                        </ul>
1279                        <a data-payment-method="2" href="#"
1280                            class="bo-register-button text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:ring-blue-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white dark:focus:ring-blue-900">Jetzt loslegen</a>
1281                    </div>
1282
1283                </div>
1284        </section> -->
1285    </div>
1286</div>
1287<style>
1288    .link-hover:hover {
1289text-decoration: underline;
1290    }
1291</style>
1292     <div id="custom-login" class="register-login overlay- bf-popup  bg-md-gray-100 dark:bg-gray-800 shadow-md">
1293     <div class="top-bar bg-md-green-500-">
1294         <div class="headline">
1295             <h1 class="text-2xl text-md-bluegray-800 font-extrabold uppercase dark:text-white/87">Anmelden</h1>
1296         </div>
1297         <div class="close-button">
1298             <button type="button" data-dialogue-target="custom-login"
1299                 class="open-close-button text-white hover:bg-black/04 font-large rounded-full text-sm p-3 text-center inline-flex items-center">
1300                 <svg id="menu-button-close" class="svg-close _pen w-6 h-6 text-md-bluegray-800/87 dark:text-white"
1301                     aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
1302                     viewBox="0 0 24 24">
1303                     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1304                         d="M6 18 17.94 6M18 18 6.06 6" />
1305                 </svg>
1306             </button>
1307         </div>
1308     </div>
1309
1310     <div class="content bg-md-blue-500-">
1311         <section id="input-dings" class="login-credentials">
1312             <!-- <div class="login-form"> -->
1313                 <div class="grid items-end gap-6 mb-6 md:grid-cols-1 input-container">
1314                     <div id="sign-in-email" class="text-md-bluegray-400 dark:text-white/87" data-step="email">
1315                         <div class="relative login-input">
1316                             <input data-members-email type="text" id="filled_success_email"
1317                                 class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900
1318                                       bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-md-bluegray-400
1319                                       dark:border-green-500 appearance-none dark:text-white dark:focus:border-md-bluegray-400 focus:outline-none focus:ring-0 focus:border-blue-800 focus:bg-blue-50 peer" />
1320                             <label for="filled_success_email" class="absolute text-sm dark:text-green-500
1321                                duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5
1322                                peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75
1323                                peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto
1324                                peer-focus:text-blue-800">E-Mail</label>
1325                         </div>
1326                         <!-- <p class="mt-2 text-xs">
1327                             <span class="correct font-medium text-blue-700">gut gemacht! </span>
1328                             <span class="incorrect font-medium text-red-600">ungültige E-Mail-Adresse</span>
1329                         </p> -->
1330                         <button id="login-btn"
1331                             class="bo-login-button login-button close-button button text-white bg-blue-600- bg-reiff-normal hover:bg-md-blue-900
1332                                    focus:ring-4 focus:ring-blue-200 font-medium rounded-lg text-sm px-5 py-2.5
1333                                    text-center dark:text-white dark:focus:ring-blue-900">
1334                             Weiter
1335                         </button>
1336                         <div class="login-text">
1337                            Noch kein Abonnement? <a onclick="closeIm()" data-dialogue-target="register-login" class="open-dialogue-button register font-bold text-md-orange-500"href="#">jetzt Abonnement abschliessen</a>
1338                         </div>
1339                     </div>
1340                 <!-- </div> -->
1341             </div>
1342         </section>
1343         <!-- <section id="korrekt-dings" class="hidden"> -->
1344            <section id="korrekt-dings" class="hidden gh-portal-inbox-notification">
1345                <header class="gh-portal-header">
1346                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="gh-portal-icon gh-portal-icon-envelope text-md-orange-500">
1347                        <defs>
1348                            <style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px;}</style>
1349                        </defs>
1350                        <rect class="a" x="0.75" y="4.5" width="22.5" height="15" rx="1.5" ry="1.5"></rect>
1351                        <line class="a" x1="15.687" y1="9.975" x2="19.5" y2="13.5"></line>
1352                        <line class="a" x1="8.313" y1="9.975" x2="4.5" y2="13.5"></line>
1353                        <path class="a" d="M22.88,5.014l-9.513,6.56a2.406,2.406,0,0,1-2.734,0L1.12,5.014"></path>
1354                    </svg>
1355                    <h1 class="text-2xl text-md-bluegray-800 font-extrabold uppercase dark:text-white/87">Überprüfe jetzt deinen Posteingang!</h1>
1356                </header>
1357                <p>Ein Login-Link wurde an deine E-Mail-Adresse gesendet. Falls die E-Mail nicht innerhalb von 3 Minuten ankommt, überprüfe bitte deinen Spam-Ordner.</p>
1358            </section>
1359         <!-- </section> -->
1360     </div>
1361 </div>
1362 
1362<script>
1363
1364    function closeIm() {
1365        gsap.set(registerLoginOverlay, {opacity:0, scale:.6, visiblity: "hidden"});
1366        registerLoginOverlay[0]._isOpen = false;
1367    }
1368
1369
1370     document.addEventListener('DOMContentLoaded', function() {
1371         let email;
1372         const loginBtn = document.getElementById('login-btn');
1373         const emailInput = document.querySelector('[data-members-email]');
1374         console.log(emailInput)
1375         document.getElementById('login-btn').addEventListener('click', async (event) => {
1376             event.stopPropagation();
1377             loginBtn.innerHTML = "Wird verarbeitet...";
1378             console.log("Start Login...");
1379             console.log(emailInput)
1380             email = emailInput.value;
1381             console.log(email)
1382             let token;
1383             try {
1384                 const responseToken = await fetch('/members/api/integrity-token/', {
1385                     method: 'GET',
1386                 })
1387                 token = await responseToken.text();
1388                 const responseMagicLink = await fetch('/members/api/send-magic-link/', {
1389                     method: 'POST',
1390                     headers: {
1391                         'Content-Type': 'application/json'
1392                     },
1393                     body: JSON.stringify({
1394                         'email': email,
1395                         'emailType': "signin",
1396                         'integrityToken': token,
1397                         'labels': [],
1398                         'urlHistory': []
1399                     })
1400                 });
1401                 if (!responseMagicLink.ok) {
1402                     if (responseMagicLink.status === 429) {
1403                         throw new Error(`Zu viele Anmeldeversuche!`);
1404                     } else {
1405                         throw new Error('Login fehlgeschlagen');
1406                     }
1407                 }
1408                 // Erfolgreicher Login
1409                 console.log('Magic Link gesendet');
1410                 showFeedback('success', `Login-Link erfolgreich an ${email} gesendet.`);
1411                 $('#input-dings').addClass('hidden');
1412                 $('#korrekt-dings').removeClass('hidden');
1413             } catch (error) {
1414                 showFeedback('error', error.message);
1415                 setTimeout(() => {
1416                     loginBtn.innerHTML = "Nochmal versuchen";
1417                 }, 1000)
1418             }
1419         });
1420
1421         function showFeedback(type, message) {
1422             const feedbackContainer = document.createElement('div');
1423             feedbackContainer.className = `fixed top-4 right-4 p-4 rounded-lg shadow-lg z-[1000]
1424        ${type === 'success' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}`;
1425             feedbackContainer.innerHTML = `
1426                <p class="flex items-center gap-2">
1427                  <svg class="w-5 h-5">${type === 'success' ? '✓' : '⚠'}</svg>
1428                  ${message}
1429                </p>
1430              `;
1431             document.body.appendChild(feedbackContainer);
1432             // Automatisches Ausblenden
1433             setTimeout(() => {
1434                 feedbackContainer.remove();
1435             }, 5000);
1436         }
1437
1438         function extractMinutes(message) {
1439             const regex = /\d+/;
1440             const match = message.match(regex);
1441             if (match && match[1]) {
1442                 return parseInt(match[1], 10);
1443             }
1444             return null; // Wenn keine Zahl gefunden wurde
1445         }
1446     });
1447 </script>
1447    <div id="custom-account" class="register-login overlay bf-popup  bg-md-gray-100 dark:bg-gray-800 shadow-md">
1448    <div class="top-bar bg-md-green-500-">
1449        <div class="headline">
1450            <h1 class="text-2xl text-md-bluegray-800 font-extrabold uppercase dark:text-white/87">Account</h1>
1451        </div>
1452        <div class="close-button">
1453
1454            <button type="button" data-dialogue-target="custom-account"
1455                class="open-close-button text-white hover:bg-black/04 font-large rounded-full text-sm p-3 text-center inline-flex items-center">
1456                <svg id="menu-button-close" class="svg-close _pen w-6 h-6 text-md-bluegray-800/87 dark:text-white"
1457                    aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
1458                    viewBox="0 0 24 24">
1459                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
1460                        d="M6 18 17.94 6M18 18 6.06 6" />
1461                </svg>
1462            </button>
1463        </div>
1464    </div>
1465
1466    <!-- <button id="kuendigen" type="button" style="position: absolute;top:24px;left:24px;z-index:99999 ;" class="kuendigen account-row-button text-xs uppercase text-orange-500 hover:bg-blue-500/08  px-5 py-2.5 font-bold rounded-lg whitespace-nowrap">Kündigen</button> -->
1467
1468    <div class="content bg-md-orange-500-">
1469
1470
1471        <section class="register-credentials" style="padding-top:0px;padding-bottom:0px">
1472            <!-- <div class="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
1473                <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-md-bluegray-800 dark:text-white/87">bo+ -
1474                    Die Nachrichten der Ortenau</h2>
1475            </div> -->
1476            <div id="account-infos" data-member-paid="" class=" bg-white dark:bg-gray-900/38 account-panel rounded-lg border border-gray-200 dark:border-gray-700">
1477                
1478
1479            </div>
1480            <div style="display:grid;justify-items:center;" class="mt-6">
1481                <a id="logout-btn" class="bo-login-button text-white
1482                        bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:ring-blue-200
1483                        font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white
1484                        dark:focus:ring-blue-900" type="button" href="javascript:" data-members-signout>Ausloggen</a>
1485            </div>
1486            <form id="account-update-form" data-members-form="update" class="hidden">
1487                <div class="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
1488                    <input type="text" id="filled_success_name" data-edit-name
1489                        value=""
1490                        name="name"
1491                        class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900
1492                                       bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-md-bluegray-400
1493                                       dark:border-green-500 appearance-none dark:text-white dark:focus:border-md-bluegray-400 focus:outline-none focus:ring-0 focus:border-blue-800 focus:bg-blue-50 peer"
1494                        placeholder="Name" />
1495                </div>
1496                <div class="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
1497                    <input type="text" id="filled_success_email" data-edit-mail
1498                        value=""
1499                        name="email"
1500                        class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900
1501                                       bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-md-bluegray-400
1502                                       dark:border-green-500 appearance-none dark:text-white dark:focus:border-md-bluegray-400 focus:outline-none focus:ring-0 focus:border-blue-800 focus:bg-blue-50 peer"
1503                        placeholder="Mail" />
1504                    <br />
1505                    <button data-toggle-edit-account-info-btn id="edit-account-info-btn" class="bo-login-button text-white bg-blue-600
1506                hover:bg-blue-700 focus:ring-4
1507                focus:ring-blue-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white
1508                dark:focus:ring-blue-900">
1509                        Speichern
1510                    </button>
1511                    <button data-toggle-edit-account-info-btn id="cancel" class="bo-login-button text-gray-700 bg-blue-100
1512                hover:bg-blue-50 focus:ring-4
1513                focus:ring-blue-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:text-white
1514                dark:focus:ring-blue-900">
1515                        Abbrechen
1516                    </button>
1517                </div>
1518            </form>
1519        </section>
1520    </div>
1521</div>
1522
1523<script>
1524    document.addEventListener("DOMContentLoaded", function() {
1525        document.querySelectorAll('.plan-interval').forEach(function(el) {
1526            const text = el.getAttribute('data-interval');
1527            if (text === 'month') el.innerText = 'Monat';
1528            if (text === 'year') el.innerText = 'Jahr';
1529        });
1530    });
1531    document.addEventListener('DOMContentLoaded', function() {
1532        document.getElementById("cancel").addEventListener('click', async (e) => {
1533            e.preventDefault();
1534            toggleEditing();
1535        });
1536        document.getElementById("edit-account-info-btn").addEventListener('click', async (e) => {
1537            e.preventDefault();
1538            toggleEditing();
1539        });
1540        document.querySelector('[data-toggle-edit-account-info-btn]').addEventListener('click', async (e) => {
1541            // alert('ja');
1542            e.preventDefault();
1543            toggleEditing();
1544        })
1545        document.getElementById('edit-account-info-btn').addEventListener('click', async (e) => {
1546            e.preventDefault();
1547            console.log($('#filled_success_email'))
1548            let email = document.querySelector('[data-edit-mail]').value;
1549            let name = document.querySelector('[data-edit-name]').value.trim();
1550            const formData = {
1551                email: email,
1552                name: name
1553            };
1554            console.log(formData)
1555            try {
1556                if (formData.email === "" || formData.name === "") {
1557                    throw new Error("Email oder Name nicht befüllt.");
1558                }
1559                const response = await fetch('/members/api/member', {
1560                    method: 'PUT',
1561                    headers: {
1562                        'Content-Type': 'application/json',
1563                        'Authorization': `Bearer ${window.memberToken}`
1564                    },
1565                    body: JSON.stringify(formData)
1566                });
1567
1568                if (!response.ok) throw new Error('Update fehlgeschlagen');
1569                showFeedback('success', `Daten erfolgreich geändert.`);
1570            } catch (error) {
1571                showFeedback('error', error.message);
1572            }
1573        });
1574
1575        function showFeedback(type, message) {
1576            const feedbackContainer = document.createElement('div');
1577            feedbackContainer.className = `fixed top-4 right-4 p-4 rounded-lg shadow-lg z-[1000]
1578    ${type === 'success' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}`;
1579
1580            feedbackContainer.innerHTML = `
1581                <p class="flex items-center gap-2">
1582                  <svg class="w-5 h-5">${type === 'success' ? '✓' : '⚠'}</svg>
1583                  ${message}
1584                </p>
1585              `;
1586
1587            document.body.appendChild(feedbackContainer);
1588
1589            // Automatisches Ausblenden
1590            setTimeout(() => {
1591                feedbackContainer.remove();
1592            }, 5000);
1593        }
1594
1595        function toggleEditing() {
1596            if ($('#account-infos').hasClass('hidden')) {
1597                $('#account-infos').removeClass('hidden');
1598            } else {
1599                $('#account-infos').addClass('hidden');
1600            }
1601
1602            if ($('#logout-btn').hasClass('hidden')) {
1603                $('#logout-btn').removeClass('hidden');
1604            } else {
1605                $('#logout-btn').addClass('hidden');
1606            }
1607
1608            if ($('#account-update-form').hasClass('hidden')) {
1609                $('#account-update-form').removeClass('hidden');
1610            } else {
1611                $('#account-update-form').addClass('hidden');
1612            }
1613        }
1614    })
1615</script>
1615
1616
1617<script>
1618    $("document").ready(function($) {
1619        changeBilling();
1620        addNewSusbcription();
1621        kuendigen();
1622    });
1623
1624    async function kuendigen() {
1625        const sendEmailBtn = $('.kuendigen').find('a');
1626        const ghostCancleLink = $('.gh-subscription-cancel');
1627        
1628        ghostCancleLink.on('click', function(event) {
1629            if (sendEmailBtn.text().toLocaleLowerCase().trim() == 'kündigen') {
1630                event.preventDefault(); 
1631            }
1632        });
1633
1634        if (sendEmailBtn) {
1635
1636            if (sendEmailBtn.text().toLocaleLowerCase().trim() != 'kündigen') {
1637                return;
1638            }
1639
1640            sendEmailBtn.on('click', async (event) => {
1641                event.preventDefault(); 
1642                cancelAt = $(event.currentTarget).parent().attr('data-cancel-at');
1643                const date = new Date(cancelAt).toLocaleDateString("de-DE");
1644                
1645                const workerUrl = 'https://bf-postmark-worker.reiff.workers.dev/send-confirmation';
1646
1647                // let json = JSON.stringify({
1648                //             template_alias: "kuendigung",
1649	            //             from: "[email protected]",
1650	            //             subject_phrase: "Kündigung bo+ Abo",
1651	            //             name: "",
1652	            //             email: "",
1653	            //             cancel_at: cancelAt,
1654	            //             tier_name: "Baden Online (bo+)",
1655	            //             bf_company_name: "Reiff Verlag GmbH & Co. KG",
1656	            //             bf_company_address: "Marlener Str. 9, 77656 Offenburg"
1657                //         });
1658
1659                //         console.log(json);
1660                        // return;
1661
1662                try {
1663                    
1664                    const response = await fetch(workerUrl, {
1665                        method: 'POST',
1666                        headers: {
1667                            'Content-Type': 'application/json',
1668                        },
1669                        body: JSON.stringify({
1670                            template_alias: "kuendigung",
1671	                        from: "[email protected]",
1672	                        subject_phrase: "Kündigung bo+ Abo",
1673	                        name: "",
1674	                        email: "",
1675	                        cancel_at: date,
1676	                        tier_name: "Baden Online (bo+)",
1677	                        bf_company_name: "Reiff Verlag GmbH & Co. KG",
1678	                        bf_company_address: "Marlener Str. 9, 77656 Offenburg"
1679                        }),
1680                    });
1681
1682                    if (response.ok) {
1683                        //  ghostCancleLink.trigger('click');
1684                        console.log('E-Mail erfolgreich gesendet!');
1685                        
1686                    } else {
1687                        
1688                        const errorData = await response.json();
1689                        throw new Error(errorData.message || 'Ein unbekannter Fehler ist aufgetreten.');
1690                    }
1691                } catch (error) {
1692                    // Zeige eine Fehlermeldung an und setze den Button-Status zurück
1693                    console.log('Fehler beim Senden der E-Mail: ', error.message);
1694                                    }
1695            });
1696        }
1697    }
1698
1699    function addNewSusbcription() {
1700        let newSubscriptionButton = $('#member-new-subscription-button');
1701
1702        
1703
1704        newSubscriptionButton.on('click', function(event) {
1705
1706            // registerLoginOverlay = $("#custom-account");
1707
1708            closeRegisterLoginOverlay("custom-account");
1709            blurSiteWrapper(true);
1710            // target = $(this).data("dialogue-target");
1711            // registerLoginOverlay = $("#" + target);
1712
1713            // registerLoginOverlayCloseButton.trigger('click');
1714
1715            let registerPanel = $('#register-login');
1716            let registPanelMemberNameInput = registerPanel.find('#register-name').find('input');
1717            let registPanelMemberEmailInput = registerPanel.find('#register-email').find('input');
1718
1719console.log(registPanelMemberNameInput);
1720
1721            registPanelMemberNameInput.val($('#account-member-name').text());
1722            registPanelMemberEmailInput.val($('#account-member-email').text());
1723        })
1724    }
1725
1726    function changeBilling() {
1727        // Finde den Button im JavaScript
1728        const manageSubscriptionButton = document.getElementById('manage-my-subscription-button');
1729
1730        if (manageSubscriptionButton) {
1731            manageSubscriptionButton.addEventListener('click', function(event) {
1732                // event.preventDefault(); // Verhindere das Standardverhalten des Buttons
1733
1734                const email = this.dataset.customerEmail;
1735                console.log(email)
1736                const returnUrl = window.location.href;
1737                redirectToStripeCustomerPortal(email, returnUrl);
1738            });
1739        } else {
1740            console.log("Frontend: Button '#manage-my-subscription-button' nicht gefunden.");
1741        }
1742    }
1743
1744    async function redirectToStripeCustomerPortal(email, returnUrl) {
1745        if (!email) {
1746            console.error("Frontend: Email fehlt, kann Portal Session nicht erstellen.");
1747            alert("Fehler: Kundendaten nicht verfügbar. Bitte wenden Sie sich an den Support.");
1748            return;
1749        }
1750
1751        console.log(`Frontend: Rufe Backend auf, um Portal Session für ${email} zu erstellen...`);
1752
1753        try {
1754            const backendEndpointUrl = 'https://cloudflare-stripe-server.reiff.workers.dev/stripe/create-billingportal-session'; // <-- ANPASSEN
1755
1756            const response = await fetch(backendEndpointUrl, {
1757                method: 'POST',
1758                headers: {
1759                    'Content-Type': 'application/json',
1760                },
1761                body: JSON.stringify({
1762                    email: email,
1763                    returnUrl: returnUrl
1764                }),
1765            });
1766
1767            const responseData = await response.json();
1768
1769
1770            if (!response.ok) {
1771                console.error('Frontend: Backend API Fehler:', response.status, responseData);
1772                alert(`Fehler beim Öffnen des Kundenportals: ${responseData.error || 'Unbekannter Fehler'}`);
1773                return;
1774            }
1775
1776            if (responseData.url) {
1777                console.log("Frontend: Weiterleitung zu:", responseData.url);
1778                window.location.href = responseData.url;
1779            } else {
1780                console.error('Frontend: Backend hat keine URL zurückgegeben:', responseData);
1781                alert('Fehler: Konnte Link zum Kundenportal nicht erhalten.');
1782            }
1783
1784
1785        } catch (error) {
1786            console.error('Frontend: Fehler beim Fetch-Aufruf für Portal Session:', error);
1787            alert('Ein unerwarteter Fehler ist während der Kommunikation aufgetreten.');
1788        }
1789    }
1790</script>
1790
1791
1792    <div id="fab" class="fab" onclick="scrollToTop()">
1793        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
1794            <path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.59 5.58L20 12l-8-8z"/>
1795        </svg>
1796    </div>
1797
1798</body>
1799
1800</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.