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.