CINXE.COM
Erkl盲rung zur Barrierefreiheit - Stadtportal N眉rnberg
<!DOCTYPE html> <html lang="de" class="no-js" data-mw-lang="de"> <head> <meta name="GENERATOR" content="IMPERIA 11.5.2" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="author" content="Stadt Nürnberg/ Online-Büro"> <meta name="description" content="Erkl盲rung zur Barrierefreiheit, digitale Barrierefreiheit, WCAG, BITV, EU-Richtlinie, Einschr盲nkung, Behinderung, Konformit盲tsstufe, Landesamt"> <meta name="keywords" content=""> <meta name="date" content="18.08.2024"> <meta name="robots" content="index, follow"> <!-- Caruso Marker f眉r den Title --> <title>Erkl盲rung zur Barrierefreiheit - Stadtportal N眉rnberg</title> <meta name="X-Imperia-Live-Info" content="ec686907-d9b0-b8af-1e72-241234ddec31/674/9089096/9089104/9327234-/internet/stadtportal/barrierefreiheitserklaerung.html" /> <script> (function () { document.documentElement.className = "js"; }()); </script> <link rel="stylesheet" href="/css/style.min.css?v=07082024"> <link rel="stylesheet" href="/css/style_imperia_oce.css"> <link rel="stylesheet" href="/css/style_print.css" media="print"> <link rel="stylesheet" href="/css/theme/anthrazit.css"> <link rel="stylesheet" href="/css/stadtportal.css?v=1.1"> <link rel="stylesheet" href="/css/style_font_awesome.min.css"> <link rel="stylesheet" href="/css/widgets/jquery-ui.min.css" media="screen"> <link rel="stylesheet" href="/css/widgets/ilightbox.css" media="screen"> <!-- NOTE: Reihenfolge der includes wichtig!!! --> <!-- NOTE: Das von imperia gelieferte Javascript wird nicht im Savemode eingebunden. Daher wurde der eigene jQuery include in den __head_js_savemode_preview.ssi verschoben, damit im frontend ebenfalls jQuery zur Verf眉gung steht. Wichtig ist die Reihenfolge der Einbindung hinsichtlich der verschiedenen Modi. --> <!-- Caruso Marker f眉r den Head Bereich --> <script src="/javascript/jquery-1.11.2.min.js"></script> <script src="/javascript/jquery-ui.min.js"></script> <script src="/javascript/eqcss.min.js"></script> <script src="/javascript/savemode_preview.js?v=02102024"></script> <script src="//cdn-eu.readspeaker.com/script/23/webReader/webReader.js?pids=wr&skin=compactskin¬ools=1&disable=skipbuttons" type="text/javascript" id="rs_req_Init"></script> <link rel="stylesheet" href="/css/readspeaker.css" media="screen"> <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.1/iframeResizer.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.1/iframeResizer.contentWindow.js"></script> <script src="//www.nuernberg.de/redirect/vkneu/files/js/vk.js"></script> <script src="/javascript/popper.min.js"></script> <!-- other javascript imports --> <script src="/javascript/ilightbox.js"></script> <script src="/javascript/global.js?v=26042023"></script> <script src="/javascript/routing.js"></script> <script src="/javascript/ris.js"></script> <script src="/javascript/es6-promise/4.2.8/es6-promise.min.js"></script> <script src="/javascript/es6-promise/4.2.8/es6-promise.auto.min.js"></script> <script src="/javascript/js.cookie.min.js"></script> </head> <body> <!--FTS_NO_PARSE--> <input name="__imperia_preview_select_name" value="none" type="hidden"> <input type="hidden" name="imperia_document_directory" value="/internet/stadtportal"> <!-- Navigation fuer Screenreader --> <nav aria-label=" Sprunglinks "> <ul class="skip-links"> <li><a href="#menu" class="skip-links__list-item"> Zum Men眉 </a></li> <li><a href="#content" class="skip-links__list-item"> Zum Inhalt </a></li> <li><a href="#footer" class="skip-links__list-item"> Zu den Nutzungshinweisen und zum Impressum </a></li> </ul> </nav> <!-- / Navigation fuer Screenreader --> <div id="top"></div> <div id="binding" class="js-binding"> <!-- Beginn header --> <div class="controls"> <a class="logo js-logo" title=" Zur Startseite von nuernberg.de" href="https://www.nuernberg.de /internet/stadtportal/"> Zur Startseite von nuernberg.de </a> <button id="mobile-button-menu" aria-haspopup="menu" aria-label=" Men眉 枚ffnen" title=" Men眉 枚ffnen" class="with-js controls__button controls__button--menu is-disabled" disabled> <svg class="icon--absolute icon--menu" aria-hidden="true" focusable="false"> <use xlink:href="/images/global/icons.svg#fa6-bars-solid"></use> </svg> </button> <a href="https://meinkonto.nuernberg.de/start" class="controls__button controls__button--login" aria-label="Interner Link: Login von Mein N眉rnberg" title="Interner Link: Login von Mein N眉rnberg" data-track-event="mobile" data-track-global data-track-title="Mein N眉rnberg-Button mobil"> <svg class="icon--absolute icon--login" aria-hidden="true" focusable="false"> <use xlink:href="/images/global/icons.svg#fa6-user-lock-solid"></use> </svg> </a> <a href="https://jobs.nuernberg.de" class="controls__button controls__button--jobs" aria-label="Interner Link: Stellenangebote der Stadt N眉rnberg" title="Interner Link: Stellenangebote der Stadt N眉rnberg" data-track-event="mobile" data-track-global data-track-title="Jobs-Button mobil"> <svg class="icon--absolute icon--jobs" aria-hidden="true" focusable="false"> <use xlink:href="/images/global/icons.svg#kom-jobs"></use> </svg> </a> <a class="controls__button" aria-label=" Kontakt" title=" Kontakt" href="/internet/stadtportal/kontakt.html"> <svg class="icon--absolute icon--contact" aria-hidden="true" focusable="false"> <use xlink:href="/images/global/icons.svg#kom-contact-solid"></use> </svg> </a> </div> <div id="header" class="header clearfix"><a class="header-portal-link" href="https://www.nuernberg.de/internet/stadtportal/christkindlesmarkt.html"><div class="header-portal-img"><img class="block js-image-credits" js-image-credit="htdocs/siteactives/sa_miniweb_themenbanner_zeitsteuerung2.htms" src="/imperia/md/stadtportal/bilder/titelbild/fittosize_990_180_16ba587747ef037c1a221d87a9d13c9e_christkindlesmarkt.jpg" alt="Christkindlesmarkt Er枚ffnung" title=""></div><div class="heading-portal-title event">N眉rnberger Christkindlesmarkt<br>29. November bis 24. Dezember</div></a><a id="headlink" class="header-portal-link-mobile" href="https://www.nuernberg.de/internet/stadtportal/index.html"><div class="heading-portal-title">Stadtportal N眉rnberg</div></a></div><script data-iptc-meta-json type="application/json">{"\/imperia\/md\/stadtportal\/bilder\/titelbild\/fittosize_990_180_16ba587747ef037c1a221d87a9d13c9e_christkindlesmarkt.jpg": {"url": null, "credit": "(Bild: Ralf Schedlbauer \/ Stadt Nürnberg)"}}</script> <!-- Beginn service --> <div id="service" class="portal-service clearfix"> <div class="service__lang"> <label for="choose_lang" class="invisible"> Sprache ausw盲hlen </label> <select id="choose_lang" name="language" class="select--lang" title="Sprache ausw盲hlen" size="1" onchange="redirect()" > <option>Deutsch</option> <option value="https://www.nuernberg.de/internet/stadtportal_e">English</option> </select> <script type="text/javascript"> /*<![CDATA[*/ function redirect() { const lang_dropdown = document.querySelector("#choose_lang"); const selected_option = lang_dropdown.children[lang_dropdown.selectedIndex]; let selected_val = selected_option.getAttribute("value"); if (!selected_val || !selected_val.length) selected_val= window.location.href; window.location.href = selected_val; } /*]]>*/ </script> <a href="https://dgs.nuernberg.de" aria-label="Interner Link: Informationen in Geb盲rdensprache" title="Interner Link: Informationen in Geb盲rdensprache" class="wrapper--relative link--access" target="_self" data-track-event="service" data-track-global data-track-title="Geb盲rdensprache-Button"> <svg class="icon--absolute icon--access" focusable="false"> <use xlink:href="/images/global/icons.svg#kom-sign-language-solid"></use> </svg> </a> <a href="https://leichte-sprache.nuernberg.de" aria-label="Interner Link: Informationen in Leichter Sprache" title="Interner Link: Informationen in Leichter Sprache" class="wrapper--relative link--access" target="_self" data-track-event="service" data-track-global data-track-title="Leichte Sprache-Button"> <svg class="icon--absolute icon--access" focusable="false"> <use xlink:href="/images/global/icons.svg#kom-easy-to-read-solid"></use> </svg> </a> <a aria-label="Ansicht anpassen" title="Ansicht anpassen" class="wrapper--relative link--access eyeAble_customToolOpenerClass" data-tooltip-hint data-tooltip-header="" data-tooltip-content="" data-tooltip-placement="bottom" data-track-event="service" data-track-global data-track-title="Eye-Able-Button"> <svg class="icon--absolute icon--access" focusable="false"> <use xlink:href="/images/global/icons.svg#kom-access-settings-solid"></use> </svg> </a> </div> <a href="https://meinkonto.nuernberg.de/start" class="service__button service__button--login" aria-label="Interner Link: Login von Mein N眉rnberg" title="Interner Link: Login von Mein N眉rnberg" data-track-event="service" data-track-global data-track-title="Mein N眉rnberg-Button"> <svg class="icon--absolute icon--login" aria-hidden="true" focusable="false"> <use xlink:href="/images/global/icons.svg#fa6-user-lock-solid"></use> </svg> </a> <a href="https://jobs.nuernberg.de" class="service__button service__button--jobs" aria-label="Interner Link: Stellenangebote der Stadt N眉rnberg" title="Interner Link: Stellenangebote der Stadt N眉rnberg" data-track-event="service" data-track-global data-track-title="Jobs-Button"> <svg class="icon--absolute icon--jobs" aria-hidden="true" focusable="false"> <use xlink:href="/images/global/icons.svg#kom-jobs"></use> </svg> </a> <ul class="service-menu"> <li><a href="/internet/stadtportal/sitemap.html" class="service-menu-link" data-track-event="service" data-track-global data-track-title="Sitemap-Button">Sitemap</a></li><li><a href="/internet/stadtportal/kontakt.html" class="service-menu-link" data-track-event="service" data-track-global data-track-title="Sitemap-Button">Kontakt</a></li> </ul> <form action="/internet/stadtportal/suche.html" method="GET" > <div id="quicksearch" class="quicksearch"> <div class="input-search-wrapper"> <label for="main-search" class="invisible">Suche:</label> <input class="input-search" name="q" id="main-search" type="search" placeholder="Suchbegriff eingeben" data-search-placeholder="Suchbegriff eingeben" data-search-placeholder-mobile="Suche" maxlength="150"> <button aria-label="Suche starten" class="button--icon button--search"> <svg class="icon--search" aria-hidden="true" focusable="false"> <use href="/images/global/icons.svg#fa-search-solid"></use> </svg> </button> </div> <input type="hidden" name="fsubmit" value="1"> <input type="hidden" name="ref" value="barrierefreiheitserklaerung.html"> </div> </form> </div> <!-- Beginn Rubrikmenue --> <div id="portal-menu" class="box-in-connection portal-menu"><div class="box"><a href="/internet/stadtportal/stadtleben.html" class="rubric-1">Leben in N眉rnberg</a><span class="invisible">.</span><a href="/internet/stadtportal/verwaltung_rat.html" class="rubric-2">Verwaltung und Rat</a><span class="invisible">.</span><a href="/internet/stadtportal/kultur_freizeit.html" class="rubric-3">Kultur und Freizeit</a><span class="invisible">.</span><a href="https://tourismus.nuernberg.de/" class="rubric-4" title="Externer Link">Tourismus</a><span class="invisible">.</span><a href="/internet/wirtschaft/" class="rubric-5" title="Externer Link">Wirtschaft</a><span class="invisible">.</span></div></div> <!-- Beginn breadcrumb--> <div id="breadcrumb" class="box breadcrumb clearfix"><!-- Pfadangabe --> <p class="breadcrumb-text"> Sie sind hier </p> <ul class="breadcrumb-list"> <li><a href="/internet/stadtportal" class="breadcrumb-link">Startseite</a></li> <li class="active">Erkl盲rung zur Barrierefreiheit</li> </ul> </div> <!-- Beginn main --> <div id="main" class="box main clearfix" data-columns="three"> <!-- Beginn menu --> <div class="col1"> <div id="function" class="function box screen clearfix"> <!-- Readspeaker --> <div id="readspeaker_button1" class="rs_skip rsbtn rs_preserve"> <a rel="nofollow" class="rsbtn_play" accesskey="L" title="Text vorlesen lassen" href="//app-eu.readspeaker.com/cgi-bin/rsent?customerid=23&readid=content&lang=de_de&voice=klaus22k&url=https%3A%2F%2Fwww.nuernberg.de%2Finternet%2Fstadtportal%2Fbarrierefreiheitserklaerung.html"> <span class="rsbtn_left rsimg rspart"><span class="rsbtn_text"></span></span> <span class="rsbtn_right rsimg rsplay rspart"></span> </a> </div> <!-- / Readspeaker --> </div> <div id="menu" class="menu rs_skip"> <div id="portal-menu-mobile" class="box portal-menu-mobile"><div class="box"><a href="/internet/stadtportal/stadtleben.html" class="rubric-1">Leben in N眉rnberg</a><span class="invisible">.</span><a href="/internet/stadtportal/verwaltung_rat.html" class="rubric-2">Verwaltung und Rat</a><span class="invisible">.</span><a href="/internet/stadtportal/kultur_freizeit.html" class="rubric-3">Kultur und Freizeit</a><span class="invisible">.</span><a href="https://tourismus.nuernberg.de/" class="rubric-4" title="Externer Link">Tourismus</a><span class="invisible">.</span><a href="/internet/wirtschaft/" class="rubric-5" title="Externer Link">Wirtschaft</a><span class="invisible">.</span></div></div> </div> </div> <!-- Beginn content --> <div id="content" class="box content"> <hr class="c-divider covert small"> <!--FTS_PARSE--> <div class="heading-main-wrapper justified-l-r"> <h1 class="heading-main"><input type="hidden" name="nav_title" value="Erkl盲rung zur Barrierefreiheit"> Erkl盲rung zur Barrierefreiheit </h1> <!-- Drucken rechts oben --> <form class="form--print"> <a href="javascript:window.print()" class="rs_skip form--print__link wrapper--relative" aria-label="Drucken" title="Drucken"> <svg class="icon--absolute icon--print" aria-hidden="true" focusable="false"> <use xlink:href="/images/global/icons.svg#fa5-print-solid"></use> </svg> </a> </form> <!-- / Drucken rechts oben --> </div> <!-- Start flexmodule --> <!-- stopp_suche_biete_gpr --> <!--flex:skiplink_content--><ul class="list-links box justified-l-r flexmodule--defaultpadding flexmodule__inputgroup js-jumplabel-wrapper"><li class="link-wrapper--icon"><a class="wrapper--relative js-anchor-link" href="#_0_15" title="(springt zu einem Abschnitt auf dieser Seite)"><svg class="icon--absolute icon--link" aria-hidden="true"><use href="/images/global/icons.svg#kom-linktype-skiplink-solid"></use></svg>Aktueller Stand der Umsetzung</a><span class="print rs_skip"><#_0_15></span></li><li class="link-wrapper--icon"><a class="wrapper--relative js-anchor-link" href="#_0_24" title="(springt zu einem Abschnitt auf dieser Seite)"><svg class="icon--absolute icon--link" aria-hidden="true"><use href="/images/global/icons.svg#kom-linktype-skiplink-solid"></use></svg>Sie haben Hinweise f眉r die Stadt N眉rnberg?</a><span class="print rs_skip"><#_0_24></span></li><li class="link-wrapper--icon"><a class="wrapper--relative js-anchor-link" href="#_0_25" title="(springt zu einem Abschnitt auf dieser Seite)"><svg class="icon--absolute icon--link" aria-hidden="true"><use href="/images/global/icons.svg#kom-linktype-skiplink-solid"></use></svg>Sie haben weitergehende Fragen?</a><span class="print rs_skip"><#_0_25></span></li></ul><!--flex:heading_and_text--><p class="justified-l-r no-spacing">Die Stadt N眉rnberg bem眉ht sich um eine m枚glichst umfassende digitale Barrierefreiheit ihrer Website, um allen Nutzern einen einfachen, leichten Zugang zum st盲dtischen Online-Angebot zu erm枚glichen.<br><br>Rechtsgrundlage f眉r die Umsetzung der digitalen Barrierefreiheit ist die EU-Richtlinie 2016/2102 vom 26.10.2016 眉ber den barrierefreien Zugang zu den Websites und mobilen Anwendungen 枚ffentlicher Stellen.</p><ul class="list-links justified-l-r"><li class="link-wrapper--icon"><a class="wrapper--relative" href="https://eur-lex.europa.eu/legal-content/DE/TXT/?qid=1597597615224&uri=CELEX:32016L2102" title="(枚ffnet im neuen Fenster) (枚ffnet in neuem Fenster) " target="_blank"><svg class="icon--absolute icon--link" aria-hidden="true"><use href="/images/global/icons.svg#kom-linktype-external-link-solid"></use></svg>EU-Richtlinie 2016/2102</a><span class="print rs_skip"><https://eur-lex.europa.eu/legal-content/DE/TXT/?qid=1597597615224&uri=CELEX:32016L2102></span></li></ul><!--flex:heading_and_text--><a id="_0_15" name="_0_15"></a><h2 class="justified-l-r">Aktueller Stand der Umsetzung</h2><p class="justified-l-r">Diese Erkl盲rung zur digitalen Barrierefreiheit wurde zuletzt am 14.06.2024 眉berarbeitet. Sie gilt f眉r die Website nuernberg.de. Die technische 脺berpr眉fung der digitalen Barrierefreiheit wurde vom Amt f眉r Kommunikation und Stadtmarketing der Stadt N眉rnberg mithilfe der Fachsoftware "Siteimprove" durchgef眉hrt.<br><br>Diese Website ist zum Zeitpunkt der Erstellung dieser Erkl盲rung nicht komplett barrierefrei. Daher erf眉llt sie nicht vollst盲ndig die Anforderungen der WCAG 2.1.<br><br>Die digitale Barrierefreiheit der Konformit盲tsstufe AA wurde im Wesentlichen erreicht. Aktuell gelten folgende Ausnahmen:</p><!--flex:heading_and_text--><h3 class="justified-l-r">Farbkontrast</h3><p class="justified-l-r">Die im Corporate Design der Stadt N眉rnberg verwendeten Farben entsprechen nicht in allen Farbkombinationen den Anforderungen an eine kontrastreiche Darstellung von Informationen.</p><!--flex:heading_and_text--><h3 class="justified-l-r">Tabellen ohne 脺berschrift</h3><p class="justified-l-r">Nicht alle gezeigten Tabellen verf眉gen zum aktuellen Zeitpunkt 眉ber eine aussagekr盲ftige 脺berschrift.</p><!--flex:heading_and_text--><h3 class="justified-l-r">Bildergalerie</h3><p class="justified-l-r">Die eingebundenen Bildergalerien konnten nicht auf eine vollst盲ndige barrierefreie Kennzeichnung der Bilder und ihrer Alternativtexte 眉berpr眉ft werden.</p><!--flex:heading_and_text--><h3 class="justified-l-r">Text im Bild</h3><p class="justified-l-r">Nicht alle enthaltenen Bilder konnten darauf 眉berpr眉ft werden, ob sie Textinformationen alleine 眉ber den Bildinhalt vermitteln und somit keine Textalternative anbieten.</p><!--flex:heading_and_text--><h3 class="justified-l-r">Allgemeine Textlinks</h3><p class="justified-l-r">Einige Textlinks enthalten die Formulierung "Weiterlesen" ohne eindeutige Zielangabe. Besonders wenig unterscheidbar sind diese, wenn gleich mehrere gleichlautende Linkbezeichnungen auf einer Website eingebunden sind. In diesen F盲llen bietet das verwendete CMS aktuell keine technische Alternative an.</p><!--flex:heading_and_text--><h3 class="justified-l-r">Redaktionelle Inhalte</h3><p class="justified-l-r">Eine Vielzahl dezentraler Online-Redakteurinnen und Online-Redakteure verantwortet die fachlichen Inhalte einzelner Websites. Trotz Hinweisen auf eine m枚glichst barrierefreie Vermittlung der Informationen k枚nnen die Anforderungen im Einzelfall nicht oder nicht vollst盲ndig eingehalten werden.</p><!--flex:heading_and_text--><h3 class="justified-l-r">Angebotenes Material</h3><p class="justified-l-r">PDF-Dokumente, Flyer, Formulare, Bilder und anderes Material, das zur Ansicht und zum Download angeboten wird, wurde teilweise nicht barrierefrei erstellt oder aus Kapazit盲tsgr眉nden noch nicht barrierefrei neu gestaltet.<br><br>Digitale Barrierefreiheit wird auch zunehmend in der redaktionellen Bearbeitung der Website umgesetzt. Schrittweise verbessert sich somit auch auf diesem Weg die Zug盲nglichkeit des Online-Angebots.<br><br><br>Individuell einstellbar ist eine Tonausgabe einzelner Inhalte oder der ganzen Seite.</p><!--flex:heading_and_text--><a id="_0_24" name="_0_24"></a><h2 class="justified-l-r">Sie haben Hinweise f眉r die Stadt N眉rnberg?</h2><p class="justified-l-r no-spacing">Sie haben Anmerkungen oder Fragen zur Barrierefreiheit des digitalen Angebots der Stadt N眉rnberg? Bitte wenden Sie sich an das Amt f眉r Kommunikation und Stadtmarketing der Stadt N眉rnberg mit dem folgenden Kontaktformular:</p><ul class="list-links justified-l-r"><li class="link-wrapper--icon"><a class="wrapper--relative ajax-form" href="/global/ajax_kontaktformular.html?cfid=37550" title="Zur verschl眉sselten 脺bertragung Ihrer Nachricht" data-options="width: 600, height: 500" data-type="iframe"><svg class="icon--absolute icon--link" aria-hidden="true"><use href="/images/global/icons.svg#kom-linktype-contactform-solid"></use></svg>Kontaktformular</a><span class="print rs_skip"></global/ajax_kontaktformular.html?cfid=37550></span></li></ul><!--flex:heading_and_text--><a id="_0_25" name="_0_25"></a><h2 class="justified-l-r">Sie haben weitergehende Fragen?</h2><p class="justified-l-r no-spacing">In diesem Fall nehmen Sie bitte Kontakt zum Landesamt f眉r Digitalisierung, Breitband und Vermessung auf:</p><ul class="list-links justified-l-r"><li class="link-wrapper--icon"><a class="wrapper--relative" href="https://www.ldbv.bayern.de/digitalisierung/bitv.html" title="(枚ffnet im neuen Fenster) (枚ffnet in neuem Fenster) " target="_blank"><svg class="icon--absolute icon--link" aria-hidden="true"><use href="/images/global/icons.svg#kom-linktype-external-link-solid"></use></svg>Landesamt f眉r Digitalisierung, Breitband und Vermessung</a><span class="print rs_skip"><https://www.ldbv.bayern.de/digitalisierung/bitv.html></span></li></ul><!--flex:heading_and_text--><p class="justified-l-r">Dieses Amt wurde als "Durchsetzungs- und 脺berwachungsstelle f眉r barrierefreie Informationstechnik" f眉r Websites bayerischer 枚ffentlicher Stellen definiert. Dort haben Sie die M枚glichkeit, online einen Antrag auf Pr眉fung der Einhaltung der Anforderungen an die Barrierefreiheit zu stellen.</p> <!-- Ende flexmodule --> <!--FTS_NO_PARSE--> <!--flex:update_date--><div class="space-bg"></div><p class="justified-l-r">Aktualisiert am 18.08.2024, 01:33 Uhr</p> </div><!-- Ende content --> <!--col3--><div class="box col3"><div class="box col-inner"> <!--socialmedia--><div class="box col-island-socialmedia rs_skip"><div class="col-island-socialmedia-inner"><ul class="col-list-socialmedia clearfix"><li><a class="link--socialmedia" href="https://facebook.com/nuernberg.de/" target="_blank" aria-label="(枚ffnet im neuen Fenster): Facebook" title="(枚ffnet im neuen Fenster): Facebook"><svg class="icon--absolute icon--socialmedia icon--facebook" aria-hidden="true" focusable="false"><use href="#pr-facebook"></use></svg></a></li><li><a class="link--socialmedia" href="https://instagram.com/nuernberg_de" target="_blank" aria-label="(枚ffnet im neuen Fenster): Instagram" title="(枚ffnet im neuen Fenster): Instagram"><svg class="icon--absolute icon--socialmedia icon--instagram" aria-hidden="true" focusable="false"><use href="#pr-instagram"></use></svg></a></li><li><a class="link--socialmedia" href="https://twitter.com/nuernberg_de" target="_blank" aria-label="(枚ffnet im neuen Fenster): X" title="(枚ffnet im neuen Fenster): X"><svg class="icon--absolute icon--socialmedia icon--x" aria-hidden="true" focusable="false"><use href="#pr-x"></use></svg></a></li><li><a class="link--socialmedia" href="https://www.xing.com/companies/stadtn%C3%BCrnberg" target="_blank" aria-label="(枚ffnet im neuen Fenster): Xing" title="(枚ffnet im neuen Fenster): Xing"><svg class="icon--absolute icon--socialmedia icon--xing" aria-hidden="true" focusable="false"><use href="#pr-xing"></use></svg></a></li><li><a class="link--socialmedia" href="https://whatsapp.com/channel/0029VaG82vjISTkSr23MCR1U" target="_blank" aria-label="(枚ffnet im neuen Fenster): WhatsApp" title="(枚ffnet im neuen Fenster): WhatsApp"><svg class="icon--absolute icon--socialmedia icon--whatsapp" aria-hidden="true" focusable="false"><use href="#pr-whatsapp"></use></svg></a></li><li><a class="link--socialmedia" href="https://www.youtube.com/user/nbgpresse" target="_blank" aria-label="(枚ffnet im neuen Fenster): YouTube" title="(枚ffnet im neuen Fenster): YouTube"><svg class="icon--absolute icon--socialmedia icon--youtube" aria-hidden="true" focusable="false"><use href="#pr-youtube"></use></svg></a></li></ul></div></div><!--/socialmedia--> <!-- label placeholder --> <!--FTS_PARSE--><!--FTS_NO_PARSE--></div></div><!--/col3--></div> <!-- Ende main --> <!-- Button zum Seitenanfang --> <a href="#top" class="button--up" title="Zur眉ck zum Seitenanfang"> <svg class="icon--absolute icon--up"> <use xlink:href="/images/global/icons.svg#fa6-angle-down-solid"></use> </svg> </a> <!-- / Button zum Seitenanfang --> <!-- Beginn footer --> <ul id="footer" class="box footer nested-bg"> <li> <a href="https://behoerdenwegweiser.nuernberg.de/" class="footer-link" title="Beh枚rdenwegweiser der Stadt N眉rnberg" target=""> Beh枚rdenwegweiser <span class="invisible">.</span> </a> </li> <li> <a href="https://miniweb-hilfe.nuernberg.de/" class="footer-link" title="Hinweise zur Nutzung des Internetangebots" target=""> Hilfe <span class="invisible">.</span> </a> </li> <li> <a href="https://datenschutzhinweis.nuernberg.de/" class="footer-link" title="Datenschutzerkl盲rung f眉r das Internetangebot" target=""> Datenschutz <span class="invisible">.</span> </a> </li> <li> <a href="https://cookie-consent.nuernberg.de" class="footer-link" title="Cookie-Einstellungen 盲ndern" target=""> Cookies <span class="invisible">.</span> </a> </li> <li> <a href="https://zugangseroeffnung.nuernberg.de/" class="footer-link" title="M枚glichkeiten der elektronischen Kommunikation mit der Stadt N眉rnberg" target=""> Zugangser枚ffnung <span class="invisible">.</span> </a> </li> <li> <a href="https://barrierefreiheitserklaerung.nuernberg.de" class="footer-link" title="Erkl盲rung zur Barrierefreiheit" target=""> Barrierefreiheit <span class="invisible">.</span> </a> </li> <li> <a href="/internet/stadtportal/impressum.html" class="footer-link" title="Impressum" target=""> Impressum <span class="invisible">.</span> </a> </li> </ul> <!-- Include SVG-Sprite Brand Icons --> <svg class="invisible" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="telegram_01" x1="50%" x2="50%" y2="99.258%"> <stop stop-color="#2aabee" offset="0"/> <stop stop-color="#229ed9" offset="1"/> </linearGradient> <linearGradient id="xing_01" x1="32.024" x2="32.03" y1="125" y2="157.74" gradientTransform="matrix(13.501 0 0 13.501 -207.82 -1683.7)" gradientUnits="userSpaceOnUse"> <stop style="stop-color:#006568" offset="0"/> <stop style="stop-color:#00888e" offset="1"/> </linearGradient> <radialGradient id="instagram_01" cx="56.35" cy="19.218" r="711.34" gradientTransform="matrix(.9986 -.052336 .044486 .8488 -36.974 443.8)" gradientUnits="userSpaceOnUse"> <stop style="stop-color:#FED576" offset="0"/> <stop style="stop-color:#F47133" offset=".2634"/> <stop style="stop-color:#BC3081" offset=".6091"/> <stop style="stop-color:#4C63D2" offset="1"/> </radialGradient> </defs> <symbol id="pr-blog" viewBox="0 0 78.845 78.711"><!-- Blog - Farbe fest hinterlget f眉r Newsletter--> <path d="m20.847 0h37.15c11.549 0 20.847 9.2978 20.847 20.847v37.017c0 11.549-9.2978 20.847-20.847 20.847h-53.025c-3.5312 0-4.972-1.4462-4.972-5.0788v-52.785c0-11.549 9.2978-20.847 20.847-20.847z" style="fill:#737373;"></path> <path d="m17.901 15.267h43.721c2.1409 0 3.8644 1.7235 3.8644 3.8644v4.2712c0 2.1409-1.7235 3.8644-3.8644 3.8644h-43.721c-2.1409 0-3.8644-1.7235-3.8644-3.8644v-4.2712c0-2.1409 1.7235-3.8644 3.8644-3.8644z" style="fill:#fff;"></path> <path d="m17.901 32.97h43.721c2.1409 0 3.8644 1.7235 3.8644 3.8644v4.2712c0 2.1409-1.7235 3.8644-3.8644 3.8644h-43.721c-2.1409 0-3.8644-1.7235-3.8644-3.8644v-4.2712c0-2.1409 1.7235-3.8644 3.8644-3.8644z" style="fill:#fff;"></path> <path d="m17.901 50.6h24.21c2.1409 0 3.8644 1.7235 3.8644 3.8644v4.2712c0 2.1409-1.7235 3.8644-3.8644 3.8644h-24.21c-2.1409 0-3.8644-1.7235-3.8644-3.8644v-4.2712c0-2.1409 1.7235-3.8644 3.8644-3.8644z" style="fill:#fff;"></path> </symbol> <symbol id="pr-facebook" viewBox="0 0 512 512"><!-- Facebook - CD-konform - fa-Icon modifiziert--> <path d="m503.03 256a247.55 248.08 0 0 1-247.55 248.08 247.55 248.08 0 0 1-247.55-248.08 247.55 248.08 0 0 1 247.55-248.08 247.55 248.08 0 0 1 247.55 248.08z" fill="#fff"></path> <path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" fill="#1877f2"></path> </symbol> <symbol id="pr-home" viewBox="0 0 576 512"><!-- Homepage - Farbe fest hinterlget f眉r Newsletter--> <path d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z" style="fill:#737373;"></path> </symbol> <symbol id="pr-instagram" viewBox="0 0 512 512"><!-- Instagram - CD-konform - fa-Icon modifiziert--> <path d="m96.1 23.2c-16.2 6.3-29.9 14.7-43.6 28.4-13.7 13.6-22.1 27.4-28.4 43.5-6.1 15.6-10.2 33.5-11.4 59.7s-1.5 34.6-1.5 101.4 0.3 75.2 1.5 101.4 5.4 44.1 11.4 59.7c6.3 16.2 14.7 29.9 28.4 43.6s27.4 22.1 43.6 28.4c15.6 6.1 33.5 10.2 59.7 11.4s34.6 1.5 101.4 1.5 75.2-0.3 101.4-1.5 44.1-5.4 59.7-11.4c16.2-6.3 29.9-14.7 43.6-28.4s22.1-27.4 28.4-43.6c6.1-15.6 10.2-33.5 11.4-59.7s1.5-34.6 1.5-101.4-0.3-75.2-1.5-101.4-5.4-44.1-11.4-59.7c-6.3-16.1-14.7-29.9-28.3-43.5-13.7-13.7-27.4-22.1-43.6-28.4-15.6-6.1-33.5-10.2-59.7-11.4s-34.6-1.5-101.4-1.5-75.2 0.3-101.4 1.5c-26.3 1.1-44.2 5.3-59.8 11.4zm260.5 32.8c24 1.1 37 5.1 45.7 8.5 11.5 4.5 19.7 9.8 28.3 18.4s13.9 16.8 18.4 28.3c3.4 8.7 7.4 21.7 8.5 45.7 1.2 25.9 1.4 33.7 1.4 99.4s-0.3 73.5-1.4 99.4c-1.1 24-5.1 37-8.5 45.7-4.5 11.5-9.8 19.7-18.4 28.3s-16.8 13.9-28.3 18.4c-8.7 3.4-21.7 7.4-45.7 8.5-25.9 1.2-33.7 1.4-99.4 1.4s-73.5-0.3-99.4-1.4c-24-1.1-37-5.1-45.7-8.5-11.5-4.5-19.7-9.8-28.3-18.4s-13.9-16.8-18.4-28.3c-3.4-8.7-7.4-21.7-8.5-45.7-1.2-25.9-1.4-33.7-1.4-99.4s0.3-73.5 1.4-99.4c1.1-24 5.1-37 8.5-45.7 4.5-11.5 9.8-19.7 18.4-28.3s16.8-13.9 28.3-18.4c8.7-3.4 21.7-7.4 45.7-8.5 25.9-1.2 33.7-1.4 99.4-1.4s73.5 0.2 99.4 1.4z" fill="url(#instagram_01)"></path> <path d="m130.9 256.3c0 69.8 56.6 126.3 126.3 126.3s126.3-56.6 126.3-126.3-56.5-126.3-126.3-126.3-126.3 56.5-126.3 126.3zm208.3 0c0 45.3-36.7 82-82 82s-82-36.7-82-82 36.7-82 82-82 82 36.7 82 82z" fill="url(#instagram_01)"></path> <path d="m418.1 125c0 16.292-13.208 29.5-29.5 29.5s-29.5-13.208-29.5-29.5 13.208-29.5 29.5-29.5 29.5 13.208 29.5 29.5z" fill="#654c9f"></path> </symbol> <symbol id="pr-linkedin" viewBox="0 0 512 512"><!-- Linkedin --> <path d="M145.4,448H61.7V178.3h83.8V448z M103.5,141.5c-26.8,0-48.5-22.2-48.5-49C55,65.7,76.7,44,103.5,44c26.8,0,48.5,21.7,48.5,48.5C152,119.3,130.3,141.5,103.5,141.5z M458.9,448h-83.6V316.7c0-31.3-0.6-71.4-43.5-71.4c-43.5,0-50.2,34-50.2,69.2V448h-83.7V178.3h80.3v36.8h1.2c11.2-21.2,38.5-43.6,79.3-43.6c84.8,0,100.4,55.8,100.4,128.3L458.9,448L458.9,448z" fill="#0a66c2"></path> </symbol> <!--<symbol id="pr-linkedin" viewBox="0 0 448 448"> LinkedIn - CD-konform - fa-Icon modifiziert <path d="m416 0h-384.1c-17.6 0-31.9 14.5-31.9 32.3v383.4c0 17.8 14.3 32.3 31.9 32.3h384.1c17.6 0 32-14.5 32-32.3v-383.4c0-17.8-14.4-32.3-32-32.3z" fill="#2867b2"></path> <path d="m134.32 384.75h-66.4v-213.8h66.5v213.8zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5 0-21.2 17.2-38.5 38.5-38.5 21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4v-104c0-24.8-0.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9v105.8h-66.4v-213.8h63.7v29.2h0.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9z" fill="#fff"></path> </symbol>--> <symbol id="pr-telegram" viewBox="0 0 512 512"><!-- Telegram - CD-konform - fa-Icon modifiziert--> <path d="m495.83 256.04a248 248 0 0 1-248 248 248 248 0 0 1-248-248 248 248 0 0 1 248-248 248 248 0 0 1 248 248z" fill="url(#telegram_01)"></path> <path d="m114.55 253.01 144.88-62.404c68.993-28.696 83.327-33.68 92.667-33.844 2.0555-0.0363 6.6503 0.47301 9.6265 2.8882 2.5141 2.0391 3.2047 4.7946 3.5361 6.7274 0.3314 1.9328 0.74279 6.3383 0.41537 9.78-3.7388 39.281-19.916 134.61-28.146 178.6-3.4829 18.617-10.334 24.859-16.977 25.47-14.427 1.3276-25.382-9.5346-39.354-18.693l-55.438-37.24c-24.528-16.163-8.6273-25.046 5.3511-39.564 3.6578-3.8009 67.224-61.614 68.451-66.861 0.14906-0.65585 0.29662-3.1004-1.1557-4.3922s-3.5972-0.84464-5.1439-0.49833c-2.1926 0.49784-37.122 23.584-104.79 69.261-9.9146 6.8083-18.895 10.126-26.941 9.9519-8.8703-0.19179-25.933-5.0152-38.617-9.1386-15.558-5.0569-27.923-7.731-26.846-16.32 0.56045-4.4731 6.7209-9.0476 18.481-13.725z" fill="#fff"></path> </symbol> <symbol id="pr-whatsapp" viewBox="0 0 512 512"><!-- WhatsApp - fa-Icon monochrom --> <path d="M412.9,97.1C371,55.1,315.2,32,255.9,32c-122.4,0-222,99.6-222,222c0,39.1,10.2,77.3,29.6,111L32,480l117.7-30.9 c32.4,17.7,68.9,27,106.1,27h0.1c122.3,0,224.1-99.6,224.1-222C480,194.8,454.8,139.1,412.9,97.1z M255.9,438.7 c-33.2,0-65.7-8.9-94-25.7l-6.7-4l-69.8,18.3l18.6-68.1l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2c0-101.7,82.8-184.5,184.6-184.5 c49.3,0,95.6,19.2,130.4,54.1s56.2,81.2,56.1,130.5C442.5,355.9,357.6,438.7,255.9,438.7z M357.1,300.5c-5.5-2.8-32.8-16.2-37.9-18 c-5.1-1.9-8.8-2.8-12.5,2.8c-3.7,5.6-14.3,18-17.6,21.8c-3.2,3.7-6.5,4.2-12,1.4c-32.6-16.3-54-29.1-75.5-66 c-5.7-9.8,5.7-9.1,16.3-30.3c1.8-3.7,0.9-6.9-0.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5c-3.2-0.2-6.9-0.2-10.6-0.2 c-3.7,0-9.7,1.4-14.8,6.9c-5.1,5.6-19.4,19-19.4,46.3s19.9,53.7,22.6,57.4c2.8,3.7,39.1,59.7,94.8,83.8c35.2,15.2,49,16.5,66.6,13.9 c10.7-1.6,32.8-13.4,37.4-26.4s4.6-24.1,3.2-26.4C366.3,304.6,362.6,303.2,357.1,300.5z" fill="#103928"></path> </symbol> <symbol id="pr-twitter" viewBox="0 0 512 512"><!-- Vormals Twitter jetzt X - keine Markenunterlagen verfuegbar, Quelle Fontawesome --> <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" style="fill:#0f1419"></path> </symbol> <symbol id="pr-x" viewBox="0 0 512 512"><!-- Vormals Twitter jetzt X - keine Markenunterlagen verfuegbar, Quelle Fontawesome --> <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" style="fill:#0f1419"></path> </symbol> <symbol id="pr-xing" viewBox="0 0 447.89 447.89"><!-- Xing - CD-konform - fa-Icon modifiziert--> <path d="m447.8 399.91v-352c0-26.5-21.5-48-48-48h-352c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48z" fill="url(#xing_01)"></path> <path d="m140.28 287.88h-46.6c-5.5 0-8.7-5.3-6-10.3l49.3-86.7c0.1 0 0.1-0.1 0-0.2l-31.4-54c-3-5.6 0.2-10.1 6-10.1h46.6c5.2 0 9.5 2.9 12.9 8.7l31.9 55.3c-1.3 2.3-18 31.7-50.1 88.2-3.5 6.2-7.7 9.1-12.6 9.1zm219.7-214.1-102.8 180.7v0.2l65.5 119c2.8 5.1 0.1 10.1-6 10.1h-46.6c-5.5 0-9.7-2.9-12.9-8.7l-66-120.3c2.3-4.1 36.8-64.9 103.4-182.3 3.3-5.8 7.4-8.7 12.5-8.7h46.9c5.7-0.1 8.8 4.7 6 10z" style="fill:#fff"></path> </symbol> <symbol id="pr-youtube" viewBox="0 0 576 512"><!-- Youtube - CD-konform - fa-Icon modifiziert--> <path d="m564.47 119.31c-6.6251-24.946-26.145-44.592-50.929-51.26-44.923-12.115-225.06-12.115-225.06-12.115s-180.14 0-225.06 12.115c-24.784 6.6684-44.304 26.314-50.929 51.26-12.037 45.216-12.037 139.55-12.037 139.55s0 94.338 12.037 139.55c6.6251 24.946 26.145 43.774 50.929 50.441 44.925 12.115 225.06 12.115 225.06 12.115s180.14 0 225.06-12.115c24.784-6.6673 44.304-25.495 50.929-50.441 12.037-45.216 12.037-139.55 12.037-139.55s0-94.338-12.037-139.55z" fill="#f00"></path> <path d="m227.77 342.83v-171.31l150.56 85.654z" fill="#fff"></path> </symbol> </svg> <!-- / Include SVG-Sprite Brand Icons --> <span class="print"> URL dieser Seite <br><http://www.nuernberg.de/internet/stadtportal/barrierefreiheitserklaerung.html></span> <ul id="credits" class="box credits nested-bg"> <li class="credits-content"> Bildquellen: </li> </ul> <input type="hidden" id="id-matomo_id" value="247"> <script type="text/plain" data-cookieconsent="statistics"> const matomo_id = document.getElementById("id-matomo_id").value; const _mtm = window._mtm = window._mtm || []; _mtm.push({"seiten_instanz": matomo_id}); _mtm.push({"mtm.startTime": (new Date().getTime()), "event": "mtm.Start"}); const d = document, g = d.createElement("script"), s = d.getElementsByTagName("script")[0]; g.type = "text/javascript"; g.async = true; g.src = "https://nbgtrack.nuernberg.de/piwik/js/container_JbT2ZHgd.js"; s.parentNode.insertBefore(g, s); </script> <script data-iptc-meta-json type="application/json">{"\/imperia\/md\/kommunikation_stadtmarketing\/bilder\/internet\/feed_eyeable_infografik.png": {"credit": null, "url": null}, "\/imperia\/md\/stadtportal\/bilder\/titelbild\/z_standard.jpg": {"credit": "(Bild: Stadt Nürnberg)", "url": null}}</script></div> <script src="/javascript/responsively_lazy.min.js"></script> <script> // TODO: L枚schen nach Seitenreparse, 31.07.2023 Nach-Oben-Button zuerst verbergen, einblenden $(".c-up").hide(); // .c-up einblenden $(function () { // einblenden nach Scrolling down 220 px $(window).scroll(function () { if ($(this).scrollTop() > 220) { $('.c-up').fadeIn(); } else { $('.c-up').fadeOut(); } }); }); // Nach-Oben-Button zuerst verbergen $(".button--up").hide(); // Nach-Oben-Button einblenden $(function () { // einblenden nach Scrolling down 220 px $(window).scroll(function () { if ($(this).scrollTop() > 220) { $('.button--up').fadeIn(); } else { $('.button--up').fadeOut(); } }); }); // Ajax Formularaufruf (Feedback ausgenommen), Schliessen bei Klick neben die Box nach Bestaetigung $('.ajax-form').iLightBox({ skin: 'smooth', attr: 'href', einzel: '1', innerToolbar: true, path: 'horizontal', callback: { onShow: function(api){ // Funktion mit Bindung bei Klick in den Umgebungsbereich $(document).on("click.turnon", function() { var c = confirm("M枚chten Sie das Formular wirklich schlie脽en?"); if (c == true) { // Bindung aufheben und iLighbox schlie脽en $(document).off("click.turnon") ; iLightBox.close(); } }); // Bindung aufhebern bei Klick auf den Abbrechen-Button $( ".ilightbox-close" ).on("click", function() { $(document).off("click.turnon") ; }); // Bindung aufheben bei Bet盲tigung der ESC Taste $(document).keyup(function(e) { if (e.keyCode == 27) { $(document).off("click.turnon") ; } }); }, }, overlay: { blur: false, }, controls: { thumbnail: false, fullscreen: false, } }); // Ajax Contenteinbindung z.B. Wetter, schliesst bei Klick neben die Box $('.ajax-content').iLightBox({ skin: 'smooth', attr: 'href', einzel: '1', controls: { thumbnail: false, fullscreen: false, } }); // Einzelelemente ohne Blaetterfunktion $('.single[href!=""]').iLightBox({ skin: 'smooth', path: 'horizontal', einzel: '1', controls: { thumbnail: 0, arrows: 0, } }); // Gruppenelemente mit Blaetterfunktion $('.ilightbox').iLightBox({ skin: 'smooth', path: 'horizontal', controls: { thumbnail: 0, arrows: 1, } }); // Fliesstext in Contentspalte auf- und zuklappen $(".expand").children("h3").click(function(){ // trigger $(this).next("div").slideToggle("fast"); // blendet beim Klick auf "h3" den naechsten "div" ein. $(this).toggleClass("closed open"); // wechselt beim Klick auf "h3" die Klasse des enthaltenen div-Tags von "closed" zu "open". }); // Fliesstext in LS-Contentspalte auf- und zuklappen document.querySelectorAll(".js-toggle-content > .box--toggle__footer").forEach(toggle => toggle.addEventListener("click", evt => { const footer = evt.currentTarget; const h2 = footer.closest(".box--toggle").querySelector("h2"); $(footer.closest(".box--toggle__content")).slideToggle("fast"); h2.classList.toggle("closed"); const is_open = h2.classList.toggle("open"); // Update title for the heading h2.setAttribute("title", h2.dataset[`title${is_open ? 'Opened' : 'Closed'}`]); })); document.querySelectorAll(".js-toggle > h2").forEach(h2 => h2.addEventListener("click", evt => { const h2 = evt.currentTarget; $(h2.nextElementSibling).slideToggle("fast"); h2.classList.toggle("closed"); const is_open = h2.classList.toggle("open"); // Update title for the heading h2.setAttribute("title", h2.dataset[`title${is_open ? 'Opened' : 'Closed'}`]); })); // Generic toggle container document.body.addEventListener("click", evt => { const control_area = evt.target.closest(".header-area, .control-area"); if (null === control_area) return; const wrapper = control_area.closest(".wrapper--accordion"); if (!wrapper) return; let buttons = [control_area.querySelector(".accordion__toggle-control")]; if (control_area.dataset?.secondaryToggle === "true") buttons.push(wrapper.querySelector(".control-area .accordion__toggle-control")) const content = wrapper.querySelector(".content-area"); const { status } = wrapper.dataset; // is-{open, closed} switch (status) { case "is-open": wrapper.dataset.status = "is-closed"; buttons.forEach(button => button.title = button.dataset.titleClosed) $(content).slideUp(); break; case "is-closed": wrapper.dataset.status = "is-open"; buttons.forEach(button => button.title = button.dataset.titleOpened) $(content).slideDown(_ => { // This is needed for image galleries as they are resized via js on page load. // Since the toggle container is closed it will report a wrong size. // If they are build properly with css this can be removed. document.dispatchEvent(new CustomEvent("toggleContainerOpened", { detail: content })) }); break; } }); // Sprachauswahl 3. Spalte auf- und zuklappen $(".expand").children("h4").click(function(){ // trigger $(this).next("ul").slideToggle("fast"); // blendet beim Klick auf "h4" die naechste "ul" ein. $(this).toggleClass("closed open"); // wechselt beim Klick auf "h4" die Klasse von "closed" zu "open". }); // Suche-Filter, oeffnet bei Klick auf Einstellungen-Icon $(document).ready(function(){ $(".search-filter").children("dt").click(function(){ // trigger $(this).next("dd").slideToggle("fast"); // blendet beim Klick auf "dt" die n盲chste "dd" ein. }); }); // Responsive Tabelle ohne 90-Grad-Drehung $(document).ready(function() { var switched = false; var updateTables = function() { if (((($(window).width() <= 908) && ($(window).width() >= 863)) || (($(window).width() <= 782) && ($(window).width() >= 573)) || ($(window).width() <= 527)) && !switched ){ switched = true; $("table.responsive-scroll").each(function(i, element) { splitTable($(element)); }); return true; } else if (switched && ((($(window).width() > 908)) || (($(window).width() > 782) && ($(window).width() < 863)) || (($(window).width() > 527) && ($(window).width() < 573)))) { switched = false; $("table.responsive-scroll").each(function(i, element) { unsplitTable($(element)); }); } }; // $(window).load(updateTables); $(document).ready(updateTables); $(window).on("redraw",function(){switched=false;updateTables();}); // An event to listen for $(window).on("resize", updateTables); function splitTable(original) { original.wrap("<div class='table-wrapper' />"); var copy = original.clone(); copy.find("td:not(:first-child), th:not(:first-child)").css("display", "none"); copy.removeClass("responsive-scroll"); original.closest(".table-wrapper").append(copy); copy.wrap("<div class='pinned' />"); original.wrap("<div class='scrollable' />"); //setCellHeights(original, copy); } function unsplitTable(original) { original.closest(".table-wrapper").find(".pinned").remove(); original.unwrap(); original.unwrap(); } function setCellHeights(original, copy) { var tr = original.find('tr'), tr_copy = copy.find('tr'), heights = []; tr.each(function (index) { var self = $(this), tx = self.find('th, td'); tx.each(function () { var height = $(this).outerHeight(true); heights[index] = heights[index] || 0; if (height > heights[index]) heights[index] = height; }); }); tr_copy.each(function (index) { $(this).height(heights[index]); }); } }); </script> <routing route="save" class="hidden"></routing> <input type="hidden" name="mw_new_document" value="false" class="js-new-document"> <script src="/javascript/routing.js?v=20211216001"></script> <script src="/javascript/basic.js?v=20211216001"></script> <script src="/javascript/newsletter_metafile.js?v=20211216001"></script> <script src="/javascript/ilightbox.js?v=20211216001"></script> </body> </html> <!-- -->