1<!DOCTYPE HTML> 2<html lang="de"> 3<head> 4<title>HolyShop</title> 5<base href="https://shop.holysoft.de/"> 6<meta charset="UTF-8"> 7<meta name="viewport" content="width=device-width, initial-scale=1"> 8<meta name="description" content="Beste Hörspielkunst und offizielle Heimat der Die Letzten Helden Serie!"> 9 10 <meta property="og:title" content="HolyShop - Deine Welt der Hoerspiele" /> 11 <meta property="og:url" content="https://shop.holysoft.de/" /> 12 <meta property="og:description" content="Beste Hörspielkunst und offizielle Heimat der Die Letzten Helden Serie!"> 13 <meta property="og:image" content="//shop.holysoft.de/img/web_preview.jpg"> 14<!-- PROGRESSIVE ENHANCEMENT: Initialize high contrast before CSS loads -->
15<script> 16 17// Initialize high contrast state immediately if needed 18if (false) { 19 document.body.classList.add('high-contrast-mode'); 20} 21</script>
21 22 23<style type="text/css"> 24@media all and (max-width:480px) { 25 #content { 26 margin:0; 27 } 28 #top { 29 margin:0; 30 } 31 #center { 32 margin:0 6px; 33 } 34} 35 36.product_list_redirect_link { 37 background-color: #f39100; 38 height:3em; 39 flex:1 0 100%; 40 color: white; 41 font-weight: bold; 42 font-size: 14px; 43 text-align:center; 44 vertical-align:middle; 45 text-transform:uppercase; 46} 47.product_list_rabatt, .product_list_price, .product_list_wk { 48 display: inline-flex; 49 justify-content:center; 50 align-content:center; 51 align-items:center; 52 text-align: center; 53 vertical-align: top; 54 position: relative; 55 height: 4.2em; 56} 57.product_list_price { 58 flex:0 1 66.6666%; 59} 60.wk_add_form { 61 display:block; 62 margin:0; 63 padding:0; 64 border:0; 65} 66.wk_add_form .product_list_wk, 67.wk_add_form .product_grid_full_wkbutton { 68 border:0; 69 cursor:pointer; 70 font:inherit; 71 color:inherit; 72 text-decoration:none; 73 appearance:none; 74} 75.wk_add_form_list { 76 flex:1 0 33.3333%; 77 height:4.2em; 78} 79.wk_add_form_list .product_list_wk { 80 width:100%; 81 height:100%; 82} 83.wk_add_form_grid { 84 flex:1 0 50%; 85 height:4.2em; 86} 87.wk_add_form_grid .product_grid_full_wkbutton { 88 width:100%; 89 height:100%; 90 flex:1 1 auto; 91} 92.product_list_rabatt { 93 background-color:#34650e; 94 flex:0 0 33.3333%; 95} 96.old_price { 97 text-decoration: line-through; 98 color:#313131; 99 font-weight:normal; 100 white-space:nowrap; 101 font-size:14px; 102 line-height:1.1em; 103} 104.old_price:after { 105 content:""; 106 display:block; 107} 108 109.old_price ~ .price { 110 color:#313131; 111 font-weight:bold; 112 font-size:18px; 113} 114.rabatt { 115 font-weight:bold; 116 font-size:23px; 117 color:#d2fe38; 118} 119 120.ico_menu { 121 background-position:-256px -58px; 122 width:29px; 123 height:34px; 124} 125 126.ico_rowright:hover { 127 background-position:-14px -95px; 128} 129.ico_rowleft:hover { 130 background-position:-14px -125px; 131} 132 133 134.top_usermenu { 135 margin-left:-16px; 136 user-select: none; 137} 138.top_categories:hover .top_categories_list, .top_login_hover:hover .top_usermenu, .top_usermenu.dd_visible, .top_info:hover .top_info_list, 139.top_categories:focus-within .top_categories_list, .top_login_hover:focus-within .top_usermenu, .top_usermenu.dd_visible, .top_info:focus-within .top_info_list { 140 visibility:visible; 141 border-bottom:2px solid #f39100; 142 height:auto; 143 padding:10px 0; 144} 145.top_categories_list a:hover, .top_info_list a:hover, .top_usermenu a:hover { 146 color:#f39100; 147} 148.featured_product_price { 149 position:relative; 150 display:inline-grid; 151 justify-content:center; 152 align-items:center; 153 align-content:center; 154 text-align:center; 155 line-height:1.1em; 156 vertical-align:top; 157 background-color:white; 158 grid-area:price; 159} 160.featured_product_rabatt { 161 position:relative; 162 display:inline-grid; 163 justify-content:center; 164 align-items:center; 165 align-content:center; 166 height:100%; 167 background-color:#34650e; 168 grid-area:rabatt; 169} 170.featured_product_wk { 171 display:inline-flex; 172 justify-content:center; 173 align-items:center; 174 background-color:#f39100; 175 position:relative; 176 grid-area:warenkorb; 177} 178 179/* Missing navigation and button styles */ 180.dropdown-indicator { 181 display: inline-block; 182 margin-left: 4px; 183 width: 0; 184 height: 0; 185 border: 4px solid transparent;
186 border-top: 4px solid currentColor; 187 vertical-align: middle; 188} 189 190/* Screen reader and accessibility classes */ 191.sr-only { 192 position: absolute; 193 width: 1px; 194 height: 1px; 195 padding: 0; 196 margin: -1px; 197 overflow: hidden; 198 clip: rect(0, 0, 0, 0); 199 white-space: nowrap; 200 border: 0; 201} 202 203.sr-only:focus { 204 position: static; 205 width: auto; 206 height: auto; 207 padding: inherit; 208 margin: inherit; 209 overflow: visible; 210 clip: auto; 211 white-space: normal; 212} 213 214/* Accessibility live regions */ 215.live-region { 216 position: absolute; 217 left: -10000px; 218 width: 1px; 219 height: 1px; 220 overflow: hidden; 221} 222 223/* Accessibility skip links */ 224.skip-links, .skip-to-footer { 225 position: absolute; 226 top: -40px; 227 left: 6px; 228 background: #000; 229 color: #fff; 230 padding: 8px; 231 text-decoration: none; 232 border-radius: 3px; 233 z-index: 1000; 234 font-weight: bold; 235 font-size: 14px; 236} 237 238.skip-links:focus, .skip-to-footer:focus { 239 top: 6px; 240 outline: 2px solid #f39100; 241 outline-offset: 2px; 242} 243 244/* Accessibility footer controls */ 245.accessibility-footer-controls, 246.accessibility-top-controls { 247 position: fixed; 248 right: 20px; 249 width: auto; 250 max-width: 200px; 251 /* padding: 10px; */ 252 background: rgba(0, 0, 0, 0.8); 253 /* border: 2px solid #f39100; */ 254 border-radius: 5px; 255 z-index: 1000; 256 transform: translateY(100px); 257 opacity: 0; 258 transition: transform 0.3s ease, opacity 0.3s ease; 259 pointer-events: none; 260} 261 262.accessibility-footer-controls.show, 263.accessibility-top-controls.show { 264 transform: translateY(0); 265 opacity: 1; 266 pointer-events: auto; 267} 268 269.accessibility-footer-controls { 270 bottom: 10px; 271 background: transparent; 272 border: none; 273} 274 275.accessibility-top-controls { 276 top: 10px; 277} 278 279.accessibility-footer-controls a, 280.accessibility-top-controls a { 281 display: block; 282 color: #fff; 283 text-decoration: none; 284 font-weight: bold; 285 padding: 8px 12px; 286 background: #f39100; 287 border-radius: 3px; 288 text-align: center; 289} 290 291.accessibility-footer-controls a:focus, 292.accessibility-top-controls a:focus { 293 background: #fff; 294 color: #f39100; 295 outline: 2px solid #f39100; 296} 297 298@media (hover: hover) and (pointer: fine) { 299 .accessibility-footer-controls a:hover, 300 .accessibility-top-controls a:hover { 301 background: #fff; 302 color: #f39100; 303 outline: 2px solid #f39100; 304 } 305} 306 307/* Screen reader only class - MINIMAL ADDITION */ 308.sr-only { 309 position: absolute !important; 310 width: 1px !important; 311 height: 1px !important; 312 padding: 0 !important; 313 margin: -1px !important; 314 overflow: hidden !important; 315 clip: rect(0, 0, 0, 0) !important; 316 white-space: nowrap !important; 317 border: 0 !important; 318} 319 320/* High contrast toggle button - BFSG compliant */ 321.high-contrast-toggle { 322 position: absolute; 323 top: 160px; 324 right: 40px; 325 background: #000; 326 color: #fff; 327 border: 2px solid #fff; 328 padding: 12px 16px; 329 font-size: 14px; 330 font-weight: bold; 331 text-transform: uppercase; 332 cursor: pointer; 333 z-index: 1500; 334 border-radius: 0; 335 font-family: Arial, sans-serif; 336 min-width: 180px; 337 text-align: center; 338} 339 340.high-contrast-toggle:hover, 341.high-contrast-toggle:focus { 342 background: #ffff00; 343 color: #000; 344 border-color: #000; 345 outline: 3px solid #ffff00; 346 outline-offset: 2px; 347} 348 349.high-contrast-toggle:active { 350 background: #fff; 351 color: #000; 352 border-color: #000; 353} 354 355.high-contrast-indicator { 356 display: none; 357} 358 359/* Skip link target focus styling */ 360#main-content:focus, 361#navigation:focus, 362#footer:focus { 363 outline: 2px solid #f39100; 364 outline-offset: 2px; 365} 366 367/* Ensure focus is visible on all interactive elements */ 368a:focus, 369button:focus, 370input:focus, 371select:focus, 372textarea:focus, 373[tabindex]:focus { 374 outline: 2px solid #f39100; 375 outline-offset: 2px; 376} 377#main-content[tabindex]:focus { 378outline:none!important; 379outline-offset:0!important; 380} 381 382#input_top_search_button { 383 background: transparent; 384 border: none; 385 cursor: pointer; 386 padding: 4px; 387 margin-left: 2px; 388} 389 390#input_top_search_button:hover { 391 background-color: rgba(243, 145, 0, 0.1); 392} 393 394#startRotate { 395 height:352px; 396 padding:50px 0; 397 } 398/* Widescreen: keep featured in flow when leaving the â¤768px breakpoint (matches JS breakpoint). */ 399@media screen and (min-width: 769px) { 400 #startRotate, 401 .nosliderslider { 402 display: block !important; 403 } 404} 405 /* Visible immediately: avoids CLS from waiting for JS (slides use opacity, not display). */ 406 .slider { 407 display:block; 408 position: relative; 409 height: 100%; 410 } 411 .slider ul { 412 margin: 0; 413 padding: 0; 414 list-style: none; 415 position: relative; 416 height: 100%; 417 } 418 .slider li { 419 position: absolute; 420 top: 0;
421 left: 0; 422 right: 0; 423 bottom: 0; 424 width: 100%; 425 height: 100%; 426 margin: 0; 427 padding: 0; 428 opacity: 0; 429 list-style-type: none; 430 transition: opacity 0.75s ease-in-out; 431 pointer-events: none; 432 box-sizing: border-box; 433 } 434 435 .slider li.active { 436 opacity: 1; 437 pointer-events: auto; 438 } 439 440 /* Disable animations for users who prefer reduced motion */ 441 @media (prefers-reduced-motion: reduce) { 442 .slider li { 443 transition: none !important; 444 } 445 .slider li.active { 446 transition: none !important; 447 } 448 } 449 450 /* Disable animations in high contrast mode */ 451 @media (prefers-contrast: high) { 452 .slider li { 453 transition: none !important; 454 } 455 .slider li.active { 456 transition: none !important; 457 } 458 } 459 460 /* Disable animations when page high contrast mode is enabled */ 461 body.high-contrast-mode .slider li { 462 transition: none !important; 463 } 464 465 body.high-contrast-mode .slider li.active { 466 transition: none !important; 467 } 468 469 /* Override .featured styles inside slider to prevent stacking issues */ 470 .slider .featured { 471 padding-top: 0; 472 padding-bottom: 0; 473 margin: 0; 474 position: absolute; 475 top: 0; 476 left: 0; 477 right: 0; 478 bottom: 0; 479 width: 100%; 480 height: 100%; 481 } 482 483 .nosliderslider ul { 484 padding:0; 485 margin:0; 486 } 487 .nosliderslider li { 488 position:relative; 489 list-style-type:none; 490 } 491 492</style> 493 494<link rel="shortcut icon" href="https://shop.holysoft.de/favicon.ico"> 495<link rel="stylesheet" href="css/google-fonts.css" > 496<link rel="stylesheet" type="text/css" href="css/normalize.css"> 497 <link rel="preload" href="css/styles.css?v=1789475595" type="text/css" as="style"> 498 <link rel="stylesheet" href="css/styles.css?v=1789475595"> 499 <!-- FALLBACK: Load high contrast CSS immediately if needed --> 500 <link rel="stylesheet" href="css/jquery-confirm.min.css"> 501<link rel="stylesheet" href="jquery-ui-1.13.2.custom/jquery-ui.min.css"> 502<style type="text/css"> 503</style>
504<script src="js/jquery-3.7.1.min.js" ></script>
vendor: 1 bytes, line 504
504
505<script src="js/jquery-confirm.min.js" ></script>
vendor: 1 bytes, line 505
505
506<script src="js/lodash.custom.min.js"></script>
vendor: 1 bytes, line 506
506
507<script src="js/funct.js?v=1785263780"></script>
vendor: 1 bytes, line 507
507
508<script> 509base='https://shop.holysoft.de/'; 510page='news'; 511warning=''; 512mainTitle='HolyShop'; 513baseTitle='HolyShop'; 514const show_inline_player=false; 515 516// BFSG/WCAG 2.1 AA Compliance: Accessibility enhancement functions 517function toggleUserMenu(button) { 518 const isExpanded = button.getAttribute('aria-expanded') === 'true'; 519 button.setAttribute('aria-expanded', !isExpanded); 520 521 // Find and toggle user menu 522 const userMenu = button.parentElement.querySelector('.top_usermenu'); 523 if (userMenu) { 524 userMenu.classList.toggle('dd_visible'); 525 } 526} 527 528function announceToScreenReader(message) { 529 const liveRegion = document.querySelector('.live-region') || createLiveRegion(); 530 liveRegion.textContent = message; 531 532 // Clear after a short delay 533 setTimeout(() => { 534 liveRegion.textContent = ''; 535 }, 1000); 536} 537 538function createLiveRegion() { 539 const liveRegion = document.createElement('div'); 540 liveRegion.className = 'live-region'; 541 liveRegion.setAttribute('aria-live', 'polite'); 542 liveRegion.setAttribute('aria-atomic', 'true'); 543 document.body.appendChild(liveRegion); 544 return liveRegion; 545} 546 547// Keyboard navigation enhancement 548document.addEventListener('keydown', function(e) { 549 // ESC key closes dropdowns 550 if (e.key === 'Escape') { 551 document.querySelectorAll('[aria-expanded="true"]').forEach(element => { 552 element.setAttribute('aria-expanded', 'false'); 553 // Hide associated menus 554 const parent = element.parentElement; 555 const menu = parent.querySelector('.top_usermenu, .top_categories_list, .mm_toggle'); 556 if (menu) { 557 menu.style.visibility = 'hidden'; 558 menu.classList.remove('dd_visible'); 559 if (menu.classList.contains('mm_toggle')) { 560 menu.style.display = 'none'; 561 } 562 } 563 }); 564 } 565 566 // Enter and Space activate buttons 567 if ((e.key === 'Enter' || e.key === ' ') && e.target.hasAttribute('aria-expanded')) { 568 e.preventDefault(); 569 e.target.click(); 570 } 571}); 572 573// Close dropdowns when clicking outside 574document.addEventListener('click', function(e) { 575 if (!e.target.closest('.top_categories, .top_login, .top_mm')) { 576 document.querySelectorAll('[aria-expanded="true"]').forEach(element => { 577 element.setAttribute('aria-expanded', 'false'); 578 const parent = element.parentElement; 579 const menu = parent.querySelector('.top_usermenu, .top_categories_list, .mm_toggle'); 580 if (menu) { 581 menu.style.visibility = 'hidden'; 582 menu.classList.remove('dd_visible'); 583 if (menu.classList.contains('mm_toggle')) { 584 menu.style.display = 'none'; 585 } 586 } 587 }); 588 } 589}); 590 591// High contrast cache buster for CSS 592window.cacheBuster = '20261002-2'; 593</script>
vendor: 1 bytes, line 593
593
594<script id="cookiebanner" src="js/cookiebanner.min.js" data-position="top" data-message="Diese Seite verwendet Cookies, um ihre Funktionalität zu gewährleisten." data-linkmsg="Weitere Informationen" data-moreinfo="datenschutz/"></script>
594 595</head> 596<body id="main"> 597<!-- BFSG/WCAG 2.1 AA Compliance: Skip Links --> 598<a href="#main-content" class="skip-links" onclick="scrollToElement('#main-content'); return false;">Zum Hauptinhalt springen</a> 599<a href="#navigation" class="skip-links" onclick="scrollToElement('#navigation'); return false;">Zur Navigation springen</a> 600<a href="#footer" class="skip-links skip-to-footer" data-smart-footer-jump="true">Zum Footer springen</a> 601 602 603<noscript><div class="jsInfo">Bitte aktivieren Sie javascript in Ihrem Browser!</div></noscript> 604<div id="content"> 605<!-- BFSG/WCAG 2.1 AA Compliance: Main heading --> 606<h1 class="sr-only">HolyShop - Ihre Welt der Hörspiele</h1> 607 608<!-- BFSG/WCAG 2.1 AA Compliance: Semantic navigation --> 609<header> 610<nav id="navigation" aria-label="Hauptnavigation" tabindex="-1"> 611<div id="top" class="top-bar"> 612 <a class="logo top_sib" href="https://shop.holysoft.de/" aria-label="HolyShop Startseite"> 613 <span class="logo h_center" aria-hidden="true"></span> 614 </a> 615 <span class="top_bar_gutter top_sib" aria-hidden="true"></span> 616 <button type="button" id="top-nav-toggle" class="top-nav-toggle top_sib" aria-expanded="false" aria-controls="top-primary-panel" aria-label="Hauptmenü öffnen"> 617 <span class="ico ico_menu vam" aria-hidden="true"></span> 618 </button> 619 <div id="top-primary-panel" class="top-primary-panel"> 620 <div class="top_contrast top_sib"> 621 <a class="" href="#" onclick="toggleHighContrast(); return false;" aria-label="Hoher Kontrast">HOHER <br>KONTRAST</a> 622 </div> 623 <div class="top_news top_sib"> 624 <a class="" href="news/"><span class="ico ico_cat vam" aria-hidden="true"></span> NEWS</a> 625 </div> 626 <div class="top_categories top_sib"> 627 <a class="" href="serien/"><span class="ico ico_cat vam" aria-hidden="true"></span> HÃR­SPIELE</a> 628 </div> 629 <div class="top_releases top_sib"> 630 <a class="" href="releases/"><span class="ico ico_cat vam" aria-hidden="true"></span> RELEASE­LISTE</a> 631 </div> 632 <div class="top_abo top_sib"> 633 <a class="" href="streamabo/"><span class="ico ico_cat vam" aria-hidden="true"></span> ABO</a> 634 </div> 635 <div class="top_search top_sib"> 636 <!-- BFSG/WCAG 2.1 AA Compliance: Accessible search form --> 637 <form name="top_search" id="top_search" enctype="multipart/form-data" method="post" action="suche/" role="search"> 638 <label for="input_top_search" class="sr-only">Website durchsuchen</label> 639 <input class="input_top_search" type="text" name="top_search" id="input_top_search" placeholder="Suche..." aria-label="Suchbegriff eingeben"> 640 <button type="submit" id="input_top_search_button" aria-label="Suche starten"> 641 <span class="ico ico_suche vam" aria-hidden="true"></span> 642 </button> 643 </form> 644 </div> 645 <div class="top_login top_sib"> 646 <a class="v_dummy" href="login/"><span class="ico ico_login vam" aria-hidden="true"></span> LOGIN</a> 647 </div> 648 <div class="top_wk top_sib"> 649 <a class="" href="warenkorb/" aria-label="Warenkorb mit 0 Artikeln"> 650 <span class="ico ico_wkt vam" aria-hidden="true"></span> 651 <span class="sr-only">Warenkorb: </span> 652 </a> 653 </div> 654 </div> 655 </div> 656</nav> 657<div class="app-info-bar"> 658<h3>Hole Dir jetzt auch die Holy Hörspiel App für Android oder iOS Geräte!</h3> 659<div class="app-info-bar_badges"> 660<a class="google-play-badge-x156" href="https://play.google.com/store/apps/details?id=com.holyApp" target="_blank" aria-label="Holy Hörspiel App im Google Play Store"></a><a class="app-store-badge-x138" href="https://apps.apple.com/de/app/holy-h%C3%B6rspiel-app/id1515522974" aria-label="Holy Hörspiel App im Apple App Store"></a> 661</div> 662<p>Passend dazu das <a class="orangeButton" href="streamabo/">Holy Streaming Abo</a></p> 663</div> 664</header> 665<div id="center"> 666<div id="middle"> 667<!-- BFSG/WCAG 2.1 AA Compliance: Main content area --> 668<main id="main-content" tabindex="-1"> 669 670 671<div class="defaultTextContainerOuter"><h2 class="row_header">News</h2><div class="news_page"><div class="news_page_menu"><div class="defaultTextContainer news_page_menu"><button class="news_menu_year clearButton" data-jahr="2026"><span>2026</span><span class="news_menu_toggle_icon_2026" aria-hidden="true">- </span></button><div class="news_menu_year_content news_menu_2026"><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2026-06-11-cyberdetective-will-be-back/">Cyberdetective will be back!</a><a class="news_menu_item_datum" href="news/2026-06-11-cyberdetective-will-be-back/">11.06.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2026-05-21-sneak-preview-is-back/">Sneak Preview is back!</a><a class="news_menu_item_datum" href="news/2026-05-21-sneak-preview-is-back/">21.05.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2026-02-15-wir-suchen-autoren/">Wir suchen AUTOREN!</a><a class="news_menu_item_datum" href="news/2026-02-15-wir-suchen-autoren/">15.02.</a></div></div><button class="news_menu_year clearButton" data-jahr="2025"><span>2025</span><span class="news_menu_toggle_icon_2025" aria-hidden="true">- </span></button><div class="news_menu_year_content news_menu_2025"><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2025-12-30-van-dusen-einblicke/">Van Dusen Einblicke!</a><a class="news_menu_item_datum" href="news/2025-12-30-van-dusen-einblicke/">30.12.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2025-10-30-larry-brent-folge-64-in-verspaetung/">Larry Brent - Folge 64 in Verspätung</a><a class="news_menu_item_datum" href="news/2025-10-30-larry-brent-folge-64-in-verspaetung/">30.10.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2025-10-30-professor-van-dusen-ermittelt-weiter/">Professor Van Dusen ermittelt weiter!</a><a class="news_menu_item_datum" href="news/2025-10-30-professor-van-dusen-ermittelt-weiter/">30.10.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2025-07-28-die-letzten-helden-cd-lieferung/">Die Letzten Helden CD Lieferung</a><a class="news_menu_item_datum" href="news/2025-07-28-die-letzten-helden-cd-lieferung/">28.07.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2025-04-11-van-dusen-classics/">Van Dusen Classics</a><a class="news_menu_item_datum" href="news/2025-04-11-van-dusen-classics/">11.04.</a></div></div><button class="news_menu_year clearButton" data-jahr="2024"><span>2024</span><span class="news_menu_toggle_icon_2024" aria-hidden="true">- </span></button><div class="news_menu_year_content news_menu_2024"><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2024-11-24-5-jahre-holy-app/">5 Jahre Holy APP!</a><a class="news_menu_item_datum" href="news/2024-11-24-5-jahre-holy-app/">24.11.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2024-10-31-zaubermond-im-holyshop/">Zaubermond im Holyshop!</a><a class="news_menu_item_datum" href="news/2024-10-31-zaubermond-im-holyshop/">31.10.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2024-01-05-fraktal-und-dragonbound-bei-holysoft/">Fraktal und Dragonbound bei Holysoft</a><a class="news_menu_item_datum" href="news/2024-01-05-fraktal-und-dragonbound-bei-holysoft/">05.01.</a></div></div><button class="news_menu_year clearButton" data-jahr="2023"><span>2023</span><span class="news_menu_toggle_icon_2023" aria-hidden="true">- </span></button><div class="news_menu_year_content news_menu_2023"><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-12-28-top-20-holysoft-spotify-hoerspiele-dezember-2023/">TOP 20 Holysoft Spotify Hörspiele Dezember 2023</a><a class="news_menu_item_datum" href="news/2023-12-28-top-20-holysoft-spotify-hoerspiele-dezember-2023/">28.12.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-12-23-frohes-neues-und-einen-guten-rutsch/">Frohes Neues und einen guten Rutsch!</a><a class="news_menu_item_datum" href="news/2023-12-23-frohes-neues-und-einen-guten-rutsch/">23.12.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-12-07-viele-neue-infos/">Viele neue Infos!</a><a class="news_menu_item_datum" href="news/2023-12-07-viele-neue-infos/">07.12.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-11-28-grosser-rabatt-fuer-alle-abonennten/">GroÃer Rabatt für alle ABONENNTEN!</a><a class="news_menu_item_datum" href="news/2023-11-28-grosser-rabatt-fuer-alle-abonennten/">28.11.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-10-30-weitere-neue-serien-in-2024/">Weitere neue Serien in 2024</a><a class="news_menu_item_datum" href="news/2023-10-30-weitere-neue-serien-in-2024/">30.10.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-08-04-holy-hoerspiel-app-fast-8000-user/">Holy Hörspiel APP: Fast 8000 User</a><a class="news_menu_item_datum" href="news/2023-08-04-holy-hoerspiel-app-fast-8000-user/">04.08.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-07-25-liste-kommender-titel/">Liste kommender Titel!</a><a class="news_menu_item_datum" href="news/2023-07-25-liste-kommender-titel/">25.07.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-07-09-die-letzten-helden-cds-jetzt-bestell-und-auslieferbar-preisaenderung/">Die Letzten Helden CDs jetzt bestell und auslieferbar! Preisänderung!!!</a><a class="news_menu_item_datum" href="news/2023-07-09-die-letzten-helden-cds-jetzt-bestell-und-auslieferbar-preisaenderung/">09.07.</a></div><div class="news_menu_item">
671<a class="news_menu_item_titel" href="news/2023-07-01-prerelease-fuer-folge-24-digital-fuer-abonnenten/">Prerelease für Folge 24 digital für Abonnenten</a><a class="news_menu_item_datum" href="news/2023-07-01-prerelease-fuer-folge-24-digital-fuer-abonnenten/">01.07.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-06-09-die-letzten-helden-arbeiten-abgeschlossen/">Die Letzten Helden Arbeiten abgeschlossen!</a><a class="news_menu_item_datum" href="news/2023-06-09-die-letzten-helden-arbeiten-abgeschlossen/">09.06.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-06-05-autoren-gesucht/">Autoren gesucht!</a><a class="news_menu_item_datum" href="news/2023-06-05-autoren-gesucht/">05.06.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-06-01-holy-grusel-nachtmahr-hoerspiele-uebernommen/">Holy Grusel: Nachtmahr Hörspiele übernommen!</a><a class="news_menu_item_datum" href="news/2023-06-01-holy-grusel-nachtmahr-hoerspiele-uebernommen/">01.06.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-06-01-larry-brent-48-auf-cd/">Larry Brent 48 auf CD!</a><a class="news_menu_item_datum" href="news/2023-06-01-larry-brent-48-auf-cd/">01.06.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-05-30-record-release-party-fuer-die-letzten-helden/">Record Release Party für die Letzten Helden</a><a class="news_menu_item_datum" href="news/2023-05-30-record-release-party-fuer-die-letzten-helden/">30.05.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-05-27-holyverse-unser-hoerspiel-universum/">Holyverse - Unser Hörspiel Universum</a><a class="news_menu_item_datum" href="news/2023-05-27-holyverse-unser-hoerspiel-universum/">27.05.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-04-01-maritim-programm-in-der-holy-app-und-shop/">Maritim Programm in der Holy APP und Shop</a><a class="news_menu_item_datum" href="news/2023-04-01-maritim-programm-in-der-holy-app-und-shop/">01.04.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-03-30-historischer-tag-fuer-die-letzten-helden/">Historischer Tag für die Letzten Helden!</a><a class="news_menu_item_datum" href="news/2023-03-30-historischer-tag-fuer-die-letzten-helden/">30.03.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2023-03-09-die-letzten-helden-ein-update/">Die Letzten Helden - Ein Update</a><a class="news_menu_item_datum" href="news/2023-03-09-die-letzten-helden-ein-update/">09.03.</a></div></div><button class="news_menu_year clearButton" data-jahr="2022"><span>2022</span><span class="news_menu_toggle_icon_2022" aria-hidden="true">- </span></button><div class="news_menu_year_content news_menu_2022"><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-11-23-uebernahme-larry-brent-hoerspiele/">Ãbernahme Larry Brent Hörspiele</a><a class="news_menu_item_datum" href="news/2022-11-23-uebernahme-larry-brent-hoerspiele/">23.11.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-11-08-cd-auslieferungen-die-letzten-helden/">CD Auslieferungen Die Letzten Helden</a><a class="news_menu_item_datum" href="news/2022-11-08-cd-auslieferungen-die-letzten-helden/">08.11.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-09-28-cd-liefertermin-bestaetigt/">CD Liefertermin bestätigt</a><a class="news_menu_item_datum" href="news/2022-09-28-cd-liefertermin-bestaetigt/">28.09.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-09-20-die-letzten-helden-folgen-endlich-im-presswerk/">Die Letzten Helden Folgen endlich im Presswerk!</a><a class="news_menu_item_datum" href="news/2022-09-20-die-letzten-helden-folgen-endlich-im-presswerk/">20.09.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-09-12-cd-editionen-in-planung/">CD EDITIONEN in PLANUNG!</a><a class="news_menu_item_datum" href="news/2022-09-12-cd-editionen-in-planung/">12.09.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-09-06-release-liste-update-bis-2024/">Release Liste Update bis 2024</a><a class="news_menu_item_datum" href="news/2022-09-06-release-liste-update-bis-2024/">06.09.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-09-05-cd-lieferung-der-letzten-helden/">CD Lieferung der Letzten Helden!</a><a class="news_menu_item_datum" href="news/2022-09-05-cd-lieferung-der-letzten-helden/">05.09.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-08-29-neue-stellen-bei-holysoft-frei/">Neue Stellen bei Holysoft frei!</a><a class="news_menu_item_datum" href="news/2022-08-29-neue-stellen-bei-holysoft-frei/">29.08.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-08-26-die-letzten-helden-titel-erscheinen-frueher/">Die Letzten Helden Titel erscheinen früher!</a><a class="news_menu_item_datum" href="news/2022-08-26-die-letzten-helden-titel-erscheinen-frueher/">26.08.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-07-22-das-holysoft-audio-universe-gelueftet-holysoft-legends/">Das Holysoft Audio Universe gelüftet - Holysoft Legends</a><a class="news_menu_item_datum" href="news/2022-07-22-das-holysoft-audio-universe-gelueftet-holysoft-legends/">22.07.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-07-02-van-dusen-infos/">Van Dusen Infos!</a><a class="news_menu_item_datum" href="news/2022-07-02-van-dusen-infos/">02.07.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-06-06-youtube-hoerspiel-voe-liste-2022/">Youtube Hörspiel Và Liste 2022!</a><a class="news_menu_item_datum" href="news/2022-06-06-youtube-hoerspiel-voe-liste-2022/">06.06.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-06-01-sherlock-holmes-legends-und-van-dusen-neuerscheinung/">Sherlock Holmes Legends und Van Dusen Neuerscheinung!</a><a class="news_menu_item_datum" href="news/2022-06-01-sherlock-holmes-legends-und-van-dusen-neuerscheinung/">01.06.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-05-19-die-letzten-helden-abo-cd-auf-digital-wechsel/">Die Letzten Helden ABO CD AUF DIGITAL WECHSEL!</a><a class="news_menu_item_datum" href="news/2022-05-19-die-letzten-helden-abo-cd-auf-digital-wechsel/">19.05.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-05-18-planungseinblick-in-unsere-neuen-produkte/">Planungseinblick in unsere neuen Produkte</a><a class="news_menu_item_datum" href="news/2022-05-18-planungseinblick-in-unsere-neuen-produkte/">18.05.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-05-14-die-letzten-helden-produktionsupdate/">Die Letzten Helden Produktionsupdate</a><a class="news_menu_item_datum" href="news/2022-05-14-die-letzten-helden-produktionsupdate/">14.05.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-04-12-zweite-cd-lieferung-fuer-abonennten-in-vorbereitung/">Zweite CD Lieferung für Abonennten in Vorbereitung</a><a class="news_menu_item_datum" href="news/2022-04-12-zweite-cd-lieferung-fuer-abonennten-in-vorbereitung/">12.04.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-04-10-van-dusen-und-sherlock-holmes-folgen-vorgezogen/">Van Dusen und Sherlock Holmes Folgen vorgezogen!</a><a class="news_menu_item_datum" href="news/2022-04-10-van-dusen-und-sherlock-holmes-folgen-vorgezogen/">10.04.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-03-30-cd-letzten-helden-abo-lieferung-im-versand/">CD Letzten Helden ABO Lieferung im Versand!</a><a class="news_menu_item_datum" href="news/2022-03-30-cd-letzten-helden-abo-lieferung-im-versand/">30.03.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-03-22-die-letzten-helden-skripte-abgeschlossen/">Die Letzten Helden Skripte abgeschlossen!</a><a class="news_menu_item_datum" href="news/2022-03-22-die-letzten-helden-skripte-abgeschlossen/">22.03.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-03-15-die-letzten-helden-die-ersten-cds-sind-angekommen/">Die Letzten Helden - Die ersten CDs sind angekommen</a><a class="news_menu_item_datum" href="news/2022-03-15-die-letzten-helden-die-ersten-cds-sind-angekommen/">15.03.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-03-01-neue-dlh-episoden-werden-gerade-im-presswerk-vorbereitet/">Neue DLH Episoden werden gerade im Presswerk vorbereitet!</a><a class="news_menu_item_datum" href="news/2022-03-01-neue-dlh-episoden-werden-gerade-im-presswerk-vorbereitet/">01.03.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-02-21-die-letzten-helden-kurz-vor-abschluss/">
671Die Letzten Helden - Kurz vor Abschluss!</a><a class="news_menu_item_datum" href="news/2022-02-21-die-letzten-helden-kurz-vor-abschluss/">21.02.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-02-17-insel-des-schreckens-und-weitere-folgen-in-der-preview/">Insel des Schreckens und weitere Folgen in der Preview!</a><a class="news_menu_item_datum" href="news/2022-02-17-insel-des-schreckens-und-weitere-folgen-in-der-preview/">17.02.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-02-01-die-letzten-helden-abo-news/">DIE LETZTEN HELDEN ABO NEWS!</a><a class="news_menu_item_datum" href="news/2022-02-01-die-letzten-helden-abo-news/">01.02.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-01-31-ankuendigung-pressung-und-dlh16/">Ankündigung Pressung und DLH16</a><a class="news_menu_item_datum" href="news/2022-01-31-ankuendigung-pressung-und-dlh16/">31.01.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-01-18-preview-dlh-17/">Preview: DLH 17</a><a class="news_menu_item_datum" href="news/2022-01-18-preview-dlh-17/">18.01.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2022-01-11-die-bibel-als-hoerspiel-bei-holysoft/">Die Bibel als Hörspiel bei Holysoft</a><a class="news_menu_item_datum" href="news/2022-01-11-die-bibel-als-hoerspiel-bei-holysoft/">11.01.</a></div></div><button class="news_menu_year clearButton" data-jahr="2021"><span>2021</span><span class="news_menu_toggle_icon_2021" aria-hidden="true">- </span></button><div class="news_menu_year_content news_menu_2021"><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2021-12-29-neue-cover-fuer-dlh16/">Neue Cover für DLH16</a><a class="news_menu_item_datum" href="news/2021-12-29-neue-cover-fuer-dlh16/">29.12.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2021-12-23-infos-und-updates/">Infos und Updates</a><a class="news_menu_item_datum" href="news/2021-12-23-infos-und-updates/">23.12.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2021-12-01-veroeffentlichungen-2022/">Veröffentlichungen 2022</a><a class="news_menu_item_datum" href="news/2021-12-01-veroeffentlichungen-2022/">01.12.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2021-09-10-unser-neues-projekt-die-hoerspiel-bibel/">Unser neues Projekt: Die Hörspiel Bibel!</a><a class="news_menu_item_datum" href="news/2021-09-10-unser-neues-projekt-die-hoerspiel-bibel/">10.09.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2021-09-08-newsupdates/">Newsupdates</a><a class="news_menu_item_datum" href="news/2021-09-08-newsupdates/">08.09.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2021-09-06-die-letzten-helden-abo-und-cd-news/">Die Letzten Helden - ABO und CD News</a><a class="news_menu_item_datum" href="news/2021-09-06-die-letzten-helden-abo-und-cd-news/">06.09.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2021-07-26-willkommen-im-holyshop-newsbereich/">Willkommen im Holyshop Newsbereich!</a><a class="news_menu_item_datum" href="news/2021-07-26-willkommen-im-holyshop-newsbereich/">26.07.</a></div><div class="news_menu_item"><a class="news_menu_item_titel" href="news/2021-07-26-hier-wieder-einmal-fuer-euch-eine-geballte-informationsladung/">Hier wieder einmal für euch eine geballte Informationsladung!</a><a class="news_menu_item_datum" href="news/2021-07-26-hier-wieder-einmal-fuer-euch-eine-geballte-informationsladung/">26.07.</a></div></div></div></div><div class="news_page_items"><div class="defaultTextContainer news_item"><div class="news_header"><h2 class="news_titel">Cyberdetective will be back!</h2><span class="news_datum">11.06.2026</span></div><div class="news_inhalt"><p>Liebe Fans, aktuell arbeiten wir an den Folgen 11 und 12 von Cyberdetective. Diese werden regulär digital in der Weihnachtszeit erscheinen und die 1. Staffel abschlieÃen. Nach langer Wartezeit wollen wir euch aber noch einen besonderen Happen anbieten:.Mit sofortiger Wirkung könnt ihr ein vollständiges CD Set in Form eines aufwändigen
671Schubers für die ersten 12 Folgen vorbestellen. Sollten sich ausreichend Käufer finden, werdet ihr Folge 11 und 12 deutilch früher als erwartet in den Händen halten. Auf CD. Für Sammler. Eines ist jetzt schon klar: Es wird nur diese einzige Pressung geben und wir werden direkt auf Bedarf produzieren. Das heiÃt: Wer sich zu diesem Zeitpunkt keine Version ergattert wird in Zukunft es sehr schwer haben das käufilch zu erwerben.</p><p><br></p><p><a href="https://shop.holysoft.de/produkte/cyberdetective-cyberdetective-cd-1-staffel-komplett-set-12-folgen-5747/" target="_blank">Cyberdetective 1. Staffel CD Set</a></p><p><br></p><p>Mit dem obigen Link könnt ihr das Werk vorbestellen. Die Veröffentlichung des Sets ist für den 30.09.2026 geplant.</p><p><br></p><p>Der Preis stellt sich wie folgt zusammen: 12 Folgen a 10 ⬠= 120 â¬, extra Schuber, Versandkosten, Abwicklung und Zusatzarbeiten (eigenes Boxencover und Schuber selbst) Im Falle eines mangelnden Interesses wird der Preis zurückerstattet.<br><br></p></div></div><div class="defaultTextContainer news_item"><div class="news_header"><h2 class="news_titel">Sneak Preview is back!</h2><span class="news_datum">21.05.2026</span></div><div class="news_inhalt"><p>Liebe Holysoft Fans,</p><p>wir haben für diesen kleinen speziellen Anlass für kurze Zeit die Sneak Preview zurück gebracht. Aktuell arbeiten wir an sovielen Serien die zum Teil schon sehr weit fortgeschritten aber für euch nicht einsehbar sind. Daher haben wir uns gedacht wir geben euch einen speziellen Anlass und Einblick in viele der kommenden Serien. Es warten auf euch in Zukunft hunderte neue Episoden diverser Hörspiele. Allen Voran unsere starke Erweiterung der Van Dusen und Sherlock Reihen! Viel Spaà damit!</p></div></div><div class="defaultTextContainer news_item"><div class="news_header"><h2 class="news_titel">Wir suchen AUTOREN!</h2><span class="news_datum">15.02.2026</span></div><div class="news_inhalt"><p>Um unsere Serien in höherer Frequenz erscheinen zu lassen und auch neue Bereiche zu erschlieÃen suchen wir aktuell für alle Genre Autoren.</p><p><br></p><p>Vor allem in folgenden Bereichen:</p><p><br></p><p>- Krimi</p><p>- Horror</p><p>- Grusel</p><p>- Science Fiction</p><p>- Thriller</p><p><br></p><p>Wir suchen hierbei den Hörspiel Standard. In sich abgeschlossene Hörspiele mit einer regulären maximalen Laufzeit zwischen 45 bis 80 Minuten. Die Skripte werden für Neuautoren mit 400 ⬠vergütet. Wir legen hier besonderen Wert auf eine konstante und weitreichende Zusammenarbeit. Das heiÃt wir nehmen tatsächlich alle Skripte sofern sie den Qualitätsstandards entsprechen. Bei konstanter Lieferung ist es ebenso eine Option auf 530 ⬠Basis, Teilzeit oder Vollzeit beschäftigt zu werden.</p><p><br></p><p>Ebenso werden für unsere etablierten Serien Schreiberlinge gesucht.</p><p><br></p><p>- Van Dusen</p><p>- Holy Crazy Crime</p><p>- Holy Science Fiction</p><p>- Edgar Wallace</p><p>- Die Letzten Helden</p><p>- Solomone Kane</p><p>- Conan der Barbar</p><p>- Lovecraft Legends</p><p><br></p><p>Jeder kann sich bewerben. </p><p><br></p><p>Der Ablauf sieht wie folgt aus. Senden sie eine Email an [email protected] und [email protected]. Implementieren sie hier bitte ihr Wunschgenre. Am besten gleich mit einem Expose für ihr angeliefertes Werk.sie erhalten dann von uns einen Guide der unsere Hörspiel und Anlieferungsrichtlinien erklärt. Ein Abweichen dieser Norm führt zur automatischen Ablehnung des Skriptes.</p><p><br></p><p>Deseiteren müssen in dieser Email folgende Informationen enthalten sein:</p><p><br></p><p>Name, Email, Kontaktanschrift (Adresse) und Telefonnummer.</p><p><br></p><p>Sobald sie ihr Werk geschickt haben wird die interne Redaktion ihr Werk bearbeiten und ihnen Feedback zurücksenden. Durch diesen Prozess stellen wir sicher, dass eine Mindestqualität erreicht wird. Je nach Skriptqualität (und wieviel Zeit wie wir in die Bearbeitung stecken) sind später natürlich auch höhere Gagen für die Tätigkeit möglich.</p></div></div></div></div></main> 672</div> 673</div> 674<!-- BFSG/WCAG 2.1 AA Compliance: Semantic footer --> 675<footer id="footer" tabindex="-1"> 676 <div id="footer_content"> 677<div class="footer_flex"><div class="footer_left"><h2>HOLY HÃRSPIEL APP</h2><a class="google-play-badge-x156" href="https://play.google.com/store/apps/details?id=com.holyApp" target="_blank" rel="noopener" aria-label="Download Holy Hörspiel App bei Google Play"></a><a class="app-store-badge-x138" href="https://apps.apple.com/de/app/holy-h%C3%B6rspiel-app/id1515522974" rel="noopener" aria-label="Download Holy Hörspiel App im Ap
677p Store"></a></div><div class="footer_left"><h2>HILFREICHE LINKS</h2><div class="columns_2"><a href="barrierefreiheit/">Erklärung zur Barrierefreiheit</a><a href="https://info.holysoft.de/werke/">Werkeliste</a><a href="faq/">F.A.Q.</a></div></div><div class="footer_left"><h2>IMPRESSUM</h2><a href="impressum/">Impressum</a><a href="kontakt/">Kontakt</a><a href="datenschutz/">Datenschutz</a><a href="agb/">AGB</a><p class="footer_copyright">© 2026 Holysoft GmbH - Alle Rechte vorbehalten</p></div></div> </div> 678</footer> 679</div> 680<div id="popupContent"></div> 681<div id="backgroundPopup"></div> 682 683<!-- BFSG/WCAG 2.1 AA Compliance: Footer accessibility during infinite scroll --> 684<div class="accessibility-footer-controls" id="footerAccessibilityControls" role="complementary" aria-label="Schnellzugriff auf Footer"> 685 <a href="#footer" class="footer-jump-btn" aria-label="Alle Inhalte laden und zum Footer springen"> 686 <span aria-hidden="true">â</span> Zum Footer 687 </a> 688</div> 689 690<!-- BFSG/WCAG 2.1 AA Compliance: Back to top navigation --> 691<div class="accessibility-top-controls" id="topAccessibilityControls" role="complementary" aria-label="Zurück nach oben"> 692 <a href="#main" class="back-to-top-btn" aria-label="Zurück zum Seitenanfang springen"> 693 <span aria-hidden="true">â</span> Nach oben 694 </a> 695</div> 696 697
698<script> 699// BFSG/WCAG 2.1 AA Compliance: Footer accessibility for infinite scroll 700$(document).ready(function() { 701 // Skip link functionality 702 window.scrollToElement = function(selector) { 703 var $target = $(selector); 704 if ($target.length > 0) { 705 console.log('Scrolling to:', selector, 'Target found:', $target.length); 706 $('html, body').animate({ 707 scrollTop: $target.offset().top - 10 708 }, 500); 709 710 // Focus the target element for keyboard users after scroll completes 711 setTimeout(function() { 712 $target.focus(); 713 console.log('Focusing target:', selector, 'Focused:', $target.is(':focus')); 714 // If target isn't focusable, focus first focusable element within it 715 if (!$target.is(':focus')) { 716 var $focusable = $target.find('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])').first(); 717 if ($focusable.length > 0) { 718 $focusable.focus(); 719 console.log('Focused first focusable element:', $focusable.attr('tagName') || $focusable.attr('class')); 720 } 721 } 722 }, 600); 723 724 // Announce to screen readers 725 var announcement = $('<div aria-live="polite" class="sr-only">Zum Zielbereich gesprungen.</div>'); 726 $('body').append(announcement); 727 setTimeout(function() { 728 announcement.remove(); 729 }, 3000); 730 } else { 731 console.log('Target not found:', selector); 732 } 733 }; 734 735 // Add keyboard support for skip links 736 $('.skip-links').on('keydown', function(e) { 737 if (e.key === 'Enter' || e.key === ' ') { 738 e.preventDefault(); 739 var href = $(this).attr('href'); 740 if (href && href.startsWith('#')) { 741 scrollToElement(href); 742 } 743 } 744 }); 745 746 var footerControls = $('#footerAccessibilityControls'); 747 var topControls = $('#topAccessibilityControls'); 748 var hasInfiniteScroll = $('#scrollLoader').length > 0; 749 750 // Show footer controls if there's infinite scroll OR if page is long enough 751 var pageHeight = $(document).height(); 752 var windowHeight = $(window).height(); 753 var isLongPage = pageHeight > (windowHeight * 2); // Show if page is more than 2 viewport heights 754 755 if (hasInfiniteScroll || isLongPage) { 756 footerControls.addClass('show'); 757 } 758 759 // Show/hide back-to-top button based on scroll position 760 function toggleBackToTop() { 761 var scrollTop = $(window).scrollTop(); 762 var windowHeight = $(window).height(); 763 764 // Show button after scrolling down one viewport height 765 if (scrollTop > windowHeight) { 766 topControls.addClass('show'); 767 } else { 768 topControls.removeClass('show'); 769 } 770 } 771 772 // Show/hide footer button based on page length and scroll position 773 function toggleFooterButton() { 774 var pageHeight = $(document).height(); 775 var windowHeight = $(window).height(); 776 var scrollTop = $(window).scrollTop(); 777 var scrollBottom = scrollTop + windowHeight; 778 var footerOffset = $('#footer').offset().top; 779 var hasInfiniteScroll = $('#scrollLoader').length > 0; 780 781 // Hide when user is at or very close to footer (within 20px) 782 if (scrollBottom >= (footerOffset - 20)) { 783 footerControls.removeClass('show'); 784 return; 785 } 786 787 // Show if: has infinite scroll OR page is long enough (regardless of scroll position) 788 var shouldShow = hasInfiniteScroll || (pageHeight > windowHeight * 2); 789 790 if (shouldShow) { 791 footerControls.addClass('show'); 792 } else { 793 footerControls.removeClass('show'); 794 } 795 } 796 797 // Initial check and scroll listener 798 toggleBackToTop(); 799 toggleFooterButton(); 800 $(window).scroll(_.throttle(function() { 801 toggleBackToTop(); 802 toggleFooterButton(); 803 }, 100, { leading: true, trailing: true})); 804 805 function blurFooterTrigger(triggerElement) { 806 if (triggerElement && typeof triggerElement.blur === 'function') { 807 triggerElement.blur(); 808 } 809 } 810 811 // Shared function for smart footer jumping 812 function smartFooterJump(triggerElement) { 813 var hiddenRows = $('.content_row.loaderhide'); 814 var $trigger = $(triggerElement); 815 var originalText = $trigger.text(); 816 var originalHtml = $trigger.html(); 817 var deferredRowsLoaded = false; 818 var deferredRowsRemaining = false; 819 var isIOSWebkit = /iPhone|iPad|iPod/i.test(navigator.userAgent || ''); 820 var isManualMobileMode = (window.matchMedia && window.matchMedia('(max-width: 1024px)').matches) 821 && (('ontouchstart' in window) || (navigator.maxTouchPoints > 0)); 822 823 function finishFooterJump() { 824 // Restore original button text and state 825 if (!$trigger.hasClass('skip-links')) { 826 $trigger.html(originalHtml); 827 $trigger.prop('disabled', false); 828 $trigger.removeClass('is-loading'); 829 $trigger.css('pointer-events', ''); 830 } 831 blurFooterTrigger(triggerElement); 832 833 function jumpToFooterNow() { 834 var footerEl = document.getElementById('footer'); 835 if (!footerEl) { 836 return; 837 } 838 $('html, body').stop(true, true); 839 window.scrollTo(0, footerEl.offsetTop); 840 } 841 jumpToFooterNow(); 842 setTimeout(jumpToFooterNow, 80); 843 844 // Focus the first link in footer for keyboard users 845 setTimeout(function() { 846 $('#footer a').first().focus(); 847 }, 600); 848 849 // Keep controls visible if page is still long enough after loading content 850 if (!$trigger.hasClass('skip-links')) { 851 var newPageHeight = $(document).height(); 852 var windowHeight = $(window).height(); 853 var isStillLongPage = newPageHeight > (windowHeight * 2); 854 if (!isStillLongPage) { 855 footerControls.removeClass('show'); 856 } 857 } 858 859 // Announce to screen readers 860 var announcementText = 'Zum Footer gesprungen.'; 861 if (deferredRowsLoaded && deferredRowsRemaining) { 862 announcementText = 'Zum Footer gesprungen. Weitere Inhalte können nachgeladen werden.'; 863 } else if (deferredRowsLoaded) { 864 announcementText = 'Alle Inhalte wurden geladen und zum Footer gesprungen.'; 865 } 866 var announcement = $('<div aria-live="polite" class="sr-only"></div>').text(announcementText); 867 $('body').append(announcement); 868 setTimeout(function() { 869 announcement.remove(); 870 }, 3000); 871 } 872 873 // Mobile/manual mode: jump to current footer only, never force-load rows. 874 if (isManualMobileMode) { 875 finishFooterJump(); 876 return; 877 } 878 879 // Desktop mode: if there's still hidden content, load it first 880 if (hiddenRows.length > 0) { 881 if (!$trigger.hasClass('skip-links')) { 882 $trigger.text('Lädt alle Inhalte...'); 883 $trigger.prop('disabled', true); 884 $trigger.addClass('is-loading');
885 $trigger.css('pointer-events', 'none'); 886 } 887 888 // Show all hidden content 889 hiddenRows.removeClass('loaderhide'); 890 891 // Also flush server-deferred iOS rows before footer jump 892 if (Array.isArray(window.HS_DEFERRED_ROWS) && window.HS_DEFERRED_ROWS.length > 0) { 893 deferredRowsLoaded = true; 894 var insertedRows = 0; 895 var maxRowsForFooterJump = isIOSWebkit ? 8 : Number.MAX_SAFE_INTEGER; 896 var processDeferredChunk = function () { 897 var $scrollLoader = $('#scrollLoader'); 898 var chunkSize = 3; 899 while (chunkSize > 0 && window.HS_DEFERRED_ROWS.length > 0) { 900 if (insertedRows >= maxRowsForFooterJump) { 901 deferredRowsRemaining = window.HS_DEFERRED_ROWS.length > 0; 902 finishFooterJump(); 903 return; 904 } 905 var nextRowHtml = window.HS_DEFERRED_ROWS.shift(); 906 if (!nextRowHtml) { 907 continue; 908 } 909 var $nextRow = $(nextRowHtml); 910 $nextRow.removeClass('loaderhide'); 911 var $lastRow = $('.content_row').last(); 912 if ($lastRow.length > 0) { 913 $lastRow.after($nextRow); 914 } else if ($scrollLoader.length > 0) { 915 $scrollLoader.before($nextRow); 916 } else { 917 $('#middle').append($nextRow); 918 } 919 callRowPaginationSingle($nextRow); 920 insertedRows++; 921 chunkSize--; 922 } 923 if (window.HS_DEFERRED_ROWS.length > 0) { 924 setTimeout(processDeferredChunk, 10); 925 } else { 926 if (window.HS_ROW_INDEX && window.HS_ROW_INDEX.length > 0) { 927 loadNextContentRowAjax($('#scrollLoader'), window.HS_ROW_INDEX.length, finishFooterJump); 928 } else { 929 $('#scrollLoader').remove(); 930 finishFooterJump(); 931 } 932 } 933 }; 934 935 hiddenRows.each(function() { 936 callRowPaginationSingle($(this)); 937 }); 938 939 processDeferredChunk(); 940 return; 941 } 942 943 hiddenRows.each(function() { 944 callRowPaginationSingle($(this)); 945 }); 946 947 if (window.HS_ROW_INDEX && window.HS_ROW_INDEX.length > 0) { 948 deferredRowsLoaded = true; 949 loadNextContentRowAjax($('#scrollLoader'), window.HS_ROW_INDEX.length, finishFooterJump); 950 return; 951 } 952 953 $('#scrollLoader').remove(); 954 setTimeout(finishFooterJump, 100); 955 956 } else { 957 if (window.HS_ROW_INDEX && window.HS_ROW_INDEX.length > 0) { 958 deferredRowsLoaded = true; 959 loadNextContentRowAjax($('#scrollLoader'), window.HS_ROW_INDEX.length, finishFooterJump); 960 } else { 961 $('html, body').animate({ 962 scrollTop: $('#footer').offset().top 963 }, 500); 964 setTimeout(function() { 965 $('#footer a').first().focus(); 966 }, 600); 967 } 968 } 969 } 970 971 972 // Smart footer jump for main button 973 $('.footer-jump-btn').on('click', function(e) { 974 e.preventDefault(); 975 blurFooterTrigger(this); 976 smartFooterJump(this); 977 }); 978 979 // Smart footer jump for skip link 980 $('.skip-to-footer[data-smart-footer-jump="true"]').on('click', function(e) { 981 e.preventDefault(); 982 blurFooterTrigger(this); 983 smartFooterJump(this); 984 }); 985 986 // Back to top functionality 987 $('.back-to-top-btn').on('click', function(e) { 988 e.preventDefault(); 989 $('html, body').animate({ 990 scrollTop: 0 991 }, 500); 992 993 // Focus without changing scroll position (mobile browsers may auto-scroll on focus). 994 setTimeout(function() { 995 var mainContent = document.getElementById('main-content'); 996 try { 997 if (mainContent && typeof mainContent.focus === 'function') { 998 mainContent.focus({ preventScroll: true }); 999 } 1000 } catch (err) { 1001 if (mainContent && typeof mainContent.focus === 'function') { 1002 mainContent.focus(); 1003 } 1004 } 1005 }, 600); 1006 1007 // Announce to screen readers 1008 var announcement = $('<div aria-live="polite" class="sr-only">Zum Seitenanfang gesprungen.</div>'); 1009 $('body').append(announcement); 1010 setTimeout(function() { 1011 announcement.remove(); 1012 }, 3000); 1013 }); 1014 1015 // Hide controls when scrollLoader is removed, but only if page is short 1016 var observer = new MutationObserver(function(mutations) { 1017 mutations.forEach(function(mutation) { 1018 if (mutation.type === 'childList') { 1019 mutation.removedNodes.forEach(function(node) { 1020 if (node.id === 'scrollLoader') { 1021 // Check if page is still long enough to justify footer button 1022 var finalPageHeight = $(document).height(); 1023 var windowHeight = $(window).height(); 1024 var isStillLongPage = finalPageHeight > (windowHeight * 2); 1025 1026 if (!isStillLongPage) { 1027 footerControls.removeClass('show'); 1028 } 1029 } 1030 }); 1031 } 1032 }); 1033 }); 1034 1035 observer.observe(document.body, { 1036 childList: true, 1037 subtree: true 1038 }); 1039}); 1040</script>
1040 1041</body> 1042</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.