Krankenhausampel.info - Kostenlos, für eure Webseiten

Die Krankenhaus-Ampel als Skript für Webseitenbetreiber! v0.7.0 (Alle Bundesländer und Landkreise)

Dieses Skript stellt die aktuelle COVID-19 Krankenhausauslastung grafisch oder in textform dar. Es ist kostenfrei und kann ohne jegliche Angaben und Verweise zum Autor von Webseitenbetreibern verwendet und angepasst werden (Lizenz: GPL 3.0). Lediglich die Quellenangaben der verwendeten Werte (vom RKI und Intensivregister) müssen ersichtlich bleiben. Hinsichtlich Barrierefreiheit werden nur Text-Elemente verwendet, damit lässt sich die Ampel auch mit einem Screenreader lesen. Zudem besteht die Option, zu den Farben auch die Farbnamen anzuzeigen, sodass Menschen mit einer Rot-Grün-Schwäche die Ampel ebenfalls deuten können. Die Idee des Skriptes basiert auf der Grundlage der COVID-19 Ampel der Freiwilligen Feuerwehr Grünwald.

COVID-19 Krankenhaus-Ampel für Bayern

Grün

Die 7-Tages-Inzidenz im beträgt ¹. Ab einem Inzidenzwert von gilt in geschlossenen Räumen der 3G-Grundsatz: Genesen, Geimpft oder Getestet (). Die Krankenhausampel steht auf Gelb! Es gilt die 3Gplus-Regel in geschlossenen Räumen (Genesen, Geimpft oder PCR-getestet), sowie eine FFP2-Maskenpflicht (). Die Krankenhausampel steht auf Rot! Die aktuell gültigen Regeln sowie alle weiteren Informationen zum Coronavirus finden Sie unter .
Hotspot! Die Ampel steht auf Rot, da im die 7-Tages-Inzidenz über 300 liegt und die Intensivbetten in den Krankenhäusern mehr als 80% ausgelastet sind.
Die 7-Tages-Hospitalisierungs-Inzidenz (pro 100.000 Einwohner) beträgt bayernweit ¹.

Ampel-Indikatoren:

Hospitalisierte Fälle der letzten 7 Tage¹:

Grenzwert: 1200

Gelb

RKI Wert

Fälle in intensivmedizinischer Behandlung²:

Grenzwerte: 450

600

Gelb

Rot

DIVI Wert

¹⁾Robert-Koch-Institut (RKI), CC-BY-4.0 (Stand: ) ²⁾DIVI-Intensivregister (www.intensivregister.de) (Stand: )

Live-Konfiguration

Gemeindeschlüssel (AGS):

Farbangaben für Menschen mit Rot-Grün-Schwäche

Keine zusätzliche Hotspotanzeige, wenn Ampel auf Rot steht (falls zutreffend).

Ohne Rahmen

Grenzwert 1:

Grenzwert 2:

Grenzwert 3:

Bitte die Grenzwerte manuell anpassen!

Ampel auf der Webseite einbinden

1.) Verwendung in Webseiten basierend auf dem LFV-Bayern Website-Kit.

Oben in der Live-Konfiguration mindestens den gewünschten Gemeindeschlüssel eingeben und dann auf den Button »Quellcode anpassen (LFV Website-Kit)« klicken. Nun den angepassten Code kopieren (alternativ »Download Quellcode für das LFV Website-Kit«) und an der gewünschten Stelle auf der Webseite einfügen ( detaillierte Anleitung zum Einbinden im LFV Website-Kit):

<!-- Krankenhaus-Ampel Skript Version: 0.7.0 -->
<!-- START Stylesheet Informationen -->
<style>
	.ampelFarbeRot {
		color: red;
	}
	.ampelFarbeGelb {
		color: yellow;
	}
	.ampelFarbeGruen {
		color: limegreen;
	}
	.ampelFarbeInitial {
		color: lightgray;
	}

	.farbnameUnsichtbar {
		visibility: hidden !important;
	}

	.farbnameSichtbar {
		visibility: visible !important;
	}

	.ampelBox {
		display: block;            
		text-align:center;
		padding: 0px; 
		margin-left: 0px; 
		padding-left: 20px;
		margin-top: 20px; 
		padding-right: 20px;
		padding-top: 20px;
		margin-bottom: 20px; 
		border: 8px solid #c90024;
	}

	.rahmenlos {
		border:none !important;
	}

	.container_balken {
		display:inline-block;
		width:100%;
		text-align:center;
		height:80px;
		margin-top:20px;
	}

	.balken_hospitalisierte_faelle{
		width: 90%;
		height: 20px;
		position: relative;
		background-image: linear-gradient(90deg, limegreen 66%, yellow 66%);
	}

	.balken_intensivmedizinisch {
		width: 90%;
		height: 20px;
		position: relative;
		background-image: linear-gradient(90deg, limegreen 33%, yellow 33%, yellow 66%, red 66%);

	}

	/** Grenzwert Gelb Balken */
	.grenzwert_gelb {
		border-right: 2px solid; 
		border-right-color: grey; 
		height:40px;
		text-align:right;
		float: left;
		margin-top: -20px;
	}

	/** Grenzwert Rot Balken Intensivmedizinische Faelle */
	.grenzwert_rot {
		width:33%;
		border-right: 2px solid; 
		border-right-color: grey; 
		height:40px;
		text-align:right;
		float: left;
		margin-top: -20px;
	}

	#balken_hospitalisierte_faelle .grenzwert_gelb {
		width:66%;
	}

	#balken_intensivmedizinisch .grenzwert_gelb {
		width:33%;
	}

	/** Grenzwert Balken Text (bpsw. Grenzwert: 1200) */
	.grenzwert_rot .grenzwertText {
		display: flex; 
		justify-content: flex-end;
		align-items: flex-start; /*flex-end; */
		/*height:100%;*/ 
		color:grey;
		font-size:smaller;
	}
	.grenzwert_gelb .grenzwertText {
		display: flex; 
		justify-content: flex-end;
		align-items: flex-start; /*flex-end; */
		height:100%; 
		color:grey;
		font-size:smaller;
	}

	.balkenFarbtext {
		float: right;
		padding-right:10px;
		font-size: smaller;
		color: #000;
		visibility: hidden;
	}

	.aktuellerWert {
		height: 50px;
		z-index: 1;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-left: 10px;    
	}

	.aktuellerWert .zeiger #aktuellerWertHospitalisierung #aktuellerWertIntensivmedizinisch {
		width: 50px;
		border: 1px solid;
		padding: 3px;
		background: #fff;
		margin-bottom: 5px;
		margin-right: -30px;
		margin-top: 30px;
		font-weight: 700;
		/* display: inline-table; */
		text-align: center;    
	}

	.zeiger_container {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
		margin-top: 20px;
	}

	.zeiger {
		width: 0px;
		-webkit-transform: rotate(360deg);
		border-style: solid;
		border-width: 0 15px 30px 15px;
		border-color: transparent transparent gray transparent;
	}

	.ampelIndikatorenHeader {
		font-size: larger;
		font-weight: 700;
		margin-top: 10px;
	}

	.ampelIndikatorenText {
		font-weight: 500;
		color: #5c5c5c;
	}

	/** Automatische Anzeige des Zeigers */
	#divHospitalisierungBreite {
		width: 33%;
	}

	/** Automatische Anzeige des Zeigers */
	#divBehandlungBreite {
		width: 33%;
	}

	.ampelwrapper {
		/*margin-left: 15px;
		margin-right: 15px;*/
	}
	.ampelrot {
		background-color: red;
		box-shadow: 0 0 40px red;
		width: 150px;
		height: 150px;
		border: 0.5px solid black;
		text-align: center;
		border-radius: 75px;
		display: inline-block;
	}
	  .ampelgelb {
		background-color: yellow;
		box-shadow: 0 0 40px yellow;
		width: 150px;
		height: 150px;
		border: 0.5px solid black;
		text-align: center;
		border-radius: 75px;
		display: inline-block;
	}

	.ampelgelb .ampeltext {
		color: black !important;
	}

	.ampelgruen {
		background-color: limegreen;
		box-shadow: 0 0 40px limegreen;
		width: 150px;
		height: 150px;
		border: 0.5px solid black;
		text-align: center;
		border-radius: 75px;
		display: inline-block;
	}

	.farbnameVolleDeckkraft {
		opacity: 1 !important;
		color: #000 !important;
	}

	.ampeltext {
		display:flex;
		height: 100%;
		opacity: 0.4;
		align-content: center;
		justify-content: center;
		flex-direction: column;
		flex-wrap: wrap;
		color:#fff;
		align-items: center;
		font-weight: bolder;
		font-size: 2em;
		text-transform: uppercase;
	}
	.ampelzusatztext {
		display: inline-block;
		font-size: large;
		font-weight: 700;
		text-transform: uppercase;
		color:#000;
		padding-top: 10px;
	}
	.anzeige7TageInzidenzWert {
		background-color: #dbdbdb;
		font-weight: bold;
		color: #000;
	}
	.anzeigeCOVID19FaelleAktuell {
		font-weight: 700;
		color: gray;
	}
	.anzeigeHospitalisierteFaelle {
		font-weight: 700;
		color: gray;
	}

	.fussnote {
		font-style: italic;
		font-size:smaller;
	}
</style>
<!-- ENDE Stylesheet Informationen -->

<!-- START Krankenhausampel-Anzeige -->
    <div class="ampelBox" id="ampelBox">
	<!-- <div class="ampelBox rahmenlos" id="ampelBox"> -->
      <div class="container">
          <div class="row">
              <div class="col">
                  <div style="display:block;text-align: center;">
                      <h2>COVID-19 Krankenhaus-Ampel für <span class="anzeigeBundeslandName">Bayern</span></h2>
                  </div>
              </div>
          </div>        
          <div class="row" style="margin-top:20px;">
              <div class="col-xs-12 col-sm-4 col-lg-3 align-items-center">
                  <div class="ampelcontainer">
                      <div class="ampelwrapper">
                          <div id="ampelfarbe" class="ampelgruen">                        
                              <div class="ampeltext farbnameVolleDeckkraft" id="ampeltext">Grün</div>
                          </div>
                      </div>
                      <div class="ampelzusatztext" id="ampelzusatztext" title=""></div>
                  </div>
              </div>
              <div class="col-xs-12 col-sm-8 col-lg-9">
                      <div class="row">
                          <div class="col">
                              <div id="7TageInzidenzText" style="text-align: left;">
                                  Die 7-Tages-Inzidenz im <span class="anzeigeLandkreisname"></span> beträgt <span id="anzeige7TageInzidenzWert" class="anzeige7TageInzidenzWert"></span><sup>1</sup>.
                                    <span id="hinweis3GRegel">
                                        <!-- Text fuer die 3G-Regel, sobald 7-Tages-Inzidenz ueber Grenzwert (siehe Zeile 15 in js/ampel.js) steigt: -->
                                        Ab einem Inzidenzwert von <span class="anzeigeGrenzeInzidenzWert3G"></span> gilt in geschlossenen Räumen der 3G-Grundsatz: Genesen, Geimpft oder Getestet (<a href="#" target="_blank" title="" class="anzeigeBundeslandInfoUrl"></a>).
                                    </span>
                                    <span id="hinweis3GplusRegel">
                                        <!-- Text fuer die 3Gplus-Regel: -->
                                        Die Krankenhausampel steht auf Gelb! Es gilt die 3Gplus-Regel in geschlossenen Räumen (Genesen, Geimpft oder PCR-getestet), sowie eine FFP2-Maskenpflicht (<a href="#" target="_blank" title="" class="anzeigeBundeslandInfoUrl"></a>).
                                    </span>
                                    <span id="hinweis2GRegel">
                                        <!-- Text fuer die 2G-Regel: -->
                                        Die Krankenhausampel steht auf Rot! Die aktuell gültigen Regeln sowie alle weiteren Informationen zum Coronavirus finden Sie unter <a href="#" target="_blank" title="" class="anzeigeBundeslandInfoUrl"></a>.
                                    </span>              
                                    <span id="hinweisHotspot">
                                        <!-- Text fuer Hotspot Landkreis: -->
                                        <br/><strong>Hotspot!</strong> Die Ampel steht auf Rot, da im <span class="anzeigeLandkreisname"></span> die 7-Tages-Inzidenz über 300 liegt und die Intensivbetten der Krankenhäuser mehr als 80% ausgelastet sind.
                                    </span>              
                                    <br/>Die 7-Tages-Hospitalisierungs-Inzidenz (pro 100.000 Einwohner) beträgt <span class="anzeigeBundeslandAdverb">bayernweit</span> <span class="anzeige7TageInzidenzHospitalisierung"></span><sup>1</sup>.
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col text-left">
                              <div class="ampelIndikatorenHeader" style="text-align: left;">Ampel-Indikatoren:</div>
                          </div>
                      </div>
                      <div class="row" style="margin-top:10px;">                              
                          <div class="col-xs-12 col-sm-12 col-lg-6 text-left">
                              <div class="ampelIndikatorenText" style="text-align: left;">Hospitalisierte Fälle der letzten 7 Tage<sup>1</sup>:</div>
                              <div class="container_balken">
                                  <div id="balken_hospitalisierte_faelle" class="balken_hospitalisierte_faelle">
                                      <div class="grenzwert_gelb">
                                          <div class="grenzwertText" id="anzeigeAmpelGrenzwertHospitalisierung">Grenzwert: 1200</div>
                                      </div>                                                        
                                      <div class="balkenFarbtext farbnameSichtbar" id="balkenFarbeGelbHospitalisierteFaelle">Gelb</div>
                                      <div class="aktuellerWert" id="divHospitalisierungBreite"> 
                                          <div class="zeiger_container">
                                              <div class="zeiger"></div>
                                              <span id="aktuellerWertHospitalisierung" title="Hospitalisierte Fälle der letzten 7 Tage"><span class="anzeigeHospitalisierteFaelle">RKI Wert</span></span>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div style="clear:both;"></div>
                          </div>
                          <div class="col-xs-12 col-sm-12 col-lg-6 text-left">
                              <div class="ampelIndikatorenText" style="text-align: left;">Fälle in intensivmedizinischer Behandlung<sup>2</sup>:</div>
                              <div class="container_balken">
                                  <div id="balken_intensivmedizinisch" class="balken_intensivmedizinisch">
                                        <div class="grenzwert_gelb">
                                            <div class="grenzwertText" id="anzeigeAmpelGrenzwertIntensivGelb">Grenzwerte: 450</div>
                                        </div>
                                        <div class="grenzwert_rot">
                                            <div class="grenzwertText" id="anzeigeAmpelGrenzwertIntensivRot">600</div>
                                            <div class="balkenFarbtext farbnameSichtbar" id="balkenFarbeGelbIntensivbehandlung">Gelb</div>
                                        </div>
                                        <div class="balkenFarbtext farbnameSichtbar" id="balkenFarbeRotIntensivbehandlung">Rot</div>
                                        <div class="aktuellerWert" id="divBehandlungBreite"> 
                                            <div class="zeiger_container">
                                                <div class="zeiger"></div>
                                                <span id="aktuellerWertIntensivmedizinisch" title="Fälle in intensivmedizinischer Behandlung:"><span class="anzeigeCOVID19FaelleAktuell">DIVI Wert</span></span>
                                            </div>
                                        </div>
                                  </div>
                              </div>
                              <div style="clear:both;"></div>
                          </div>
                      </div>                
              </div>
          </div>
		<!--+
			| !!!!!
			| !! Die Quellangaben der verwendeten Zahlen MUESSEN erhalten und ersichtlich bleiben. Insbesondere zum RKI und DIVI sind die Angaben nicht nur  
			| !! zwingend erforderlich, um die Daten nutzen zu koennen, sondern sie muessen auch noch in einem vorgegebenen Format angezeigt werden.
			| !! Die Angaben muessen aber nicht zwangslaeufig unter der Ampel stehen, sie koennen auch an einer anderen bliebigen Stelle der Webseite angezeigt 
			| !! werden, sofern eben die Zuordnung erkennbar bleibt.
			| !!!!!
			+-->
          <div class="row" style="clear:both;font-size:smaller;text-align:center;padding-top:10pt;">
              <div class="col">
                  <sup>1)</sup><span class="fussnote">Robert-Koch-Institut (RKI), <a href="https://api.corona-zahlen.org/" target="_blank" title="Lizenz: CC-BY-4.0">CC-BY-4.0</a> (Stand: <span class="anzeigeLetztesUpdateRKI"></span>)</span>
                  <sup>2)</sup><span class="fussnote">DIVI-Intensivregister (<a href="https://www.intensivregister.de/" target="_blank" title="Link zu Intensivregister.de">www.intensivregister.de</a>) (Stand: <span class="anzeigeLetztesUpdateDIVI"></span>)</span> 
              </div>
          </div>
          <div style="clear:both;"></div>
      </div>
    </div> 
<!-- ENDE Krankenhausampel-Anzeige -->

<!-- START JavaScript Code -->
<script>
	/**
	 *  Angabe des Amtlichen Gemeindeschlüssels (AGS), aus dem der Landkreis und das Bundelsand ermittelt werden.
	 *  Hier reichen die ersten 5 Stellen des ingesesamt 8-stelligen Schlüssels.
	 *  Der Amtliche Gemeindeschlüssel kann bspw. hier ermittelt werden: https://www.statistikportal.de/de/gemeindeverzeichnis
	 */
	var gemeindeSchluessel = '09184'; //die ersten 5 Zahlen des Gemeindeschlüssels! Beispiel: Gemeinde Grünwald, Landkreis München: 09184

	/** 
	 *  OPTIONAL: Eingabe des Grenzwertes für die Fälle der 7-Tages-Hospitalisierungs-Inzidenz. Ab diesem Wert wird die Ampel GELB! 
	 *  Bei Angabe der Zahl 0 (=Standard) wird der Wert automatisch auf Basis des Gemeindeschlüssels über unsere API ermittelt.
	 *  Er kann hier jedoch manuell überschrieben werden. Beispiel: Bayern = 1200
	 */
	var grenzwertHospitalisierung = 0;

	/** 
	 *  OPTIONAL: Eingabe des Grenzwertes für die COVID-19 Fälle auf Intensivstationen. Ab diesem Wert wird die Ampel GELB!
	 *  Bei Angabe der Zahl 0 (=Standard) wird der Wert automatisch auf Basis des Gemeindeschlüssels über unsere API ermittelt.
	 *  Er kann hier jedoch manuell überschrieben werden. Beispiel: Bayern = 450
	 */
	var grenzwertIntensivBehandlungGelb = 0;

	/** 
	 *  OPTIONAL: Eingabe des Grenzwertes für die COVID-19 Fälle auf Intensivstationen. Ab diesem Wert wird die Ampel ROT!
	 *  Bei Angabe der Zahl 0 (=Standard) wird der Wert automatisch auf Basis des Gemeindeschlüssels über unsere API ermittelt.
	 *  Er kann hier jedoch manuell überschrieben werden. Beispiel: Bayern = 600
	 */
	var grenzwertIntensivBehandlungRot = 0;
	
	/** Eingabe des Grenzwertes für die 7-Tages-Inzidenz im Landkreis, ab dem die 3G-Regel gilt (und der Hinweis dazu angezeigt wird) */
	var grenzwertInzidenz3GRegel = 35;

	/** 
	 *  Hotspot-Definition: 
	 *  -> grenzwertHotspotInzidenz7Tage: 7-Tages-Inzidenzwert für den Landkreis, ab dem er als Hotspot in Betracht kommt 
	 *  -> grenzwertHotspotIntensivbettenAuslastung: Angabe der Intensivbettenauslastung in Prozent, ab dem er als Hotspot in Betracht kommt 
	 *  Werden beide Werte überschritten, greift die Hotspot-Regel und die Ampel springt sofort auf Rot. 
	 */
	var grenzwertHotspotInzidenz7Tage = 300;
	var grenzwertHotspotIntensivbettenAuslastung = 80; //in Prozent
	/* Falls zutreffend, Hinweis, dass Landkreis ein Hotspot ist immer anzeigen - auch wenn Ampel "regulär" schon auf Rot steht. */
	var hotspotHinweisImmerAnzeigen = false;

	////////////////////////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////////////////////////////////
	// Ab hier sind keine Aenderungen mehr erforderlich!

	var HttpClient = function() {
		this.get = function(request, callback) {
			var httpRequest = new XMLHttpRequest();
			httpRequest.onreadystatechange = function() { 
				if (httpRequest.readyState == 4 && httpRequest.status == 200)
					callback(httpRequest.responseText);
			}
			httpRequest.open("GET", request, true);
			httpRequest.send(null);
		}
	}
	
	var rkiHospitalisierteFaelle = 0;
	var diviFaelleCovidAktuell = 0;
	var rkiLandkreis7TagesInzidenz = '';
	var format = 'json';
	//Default Werte
	defaultWerteSetzen();

	//Ampelanzeige: Einstiegspunkt
	ampelAnzeigen(gemeindeSchluessel);

	/**
	 * Lädt die Ampel initial mit dem Gemeindeschluessel.
	 * @param {*} gemeindeSchluessel 
	 */
	function ampelAnzeigen (gemeindeSchluessel) {
		ladeAmpel(gemeindeSchluessel, null, null, null);
	}
	
	/**
	 * Laedt und initialisiert die Ampel sowie die im Text verwendeten Parameter mit aktuellen Werten 
	 * bezogen auf den Landkreis, der ueber den gemeindeSchluessel ermittelt wird.
	 * @param {*} gemeindeSchluessel 
	 */
	function ladeAmpel (gemeindeSchluessel, gwHospitalisierung, gwIntensivGelb, gwIntensivRot) {
		gemeindeSchluessel = parseGemeindeschluessel(gemeindeSchluessel);
		if(gwHospitalisierung != null && gwIntensivGelb != null && gwIntensivRot != null) {
			if(grenzwertIntensivBehandlungGelb < grenzwertIntensivBehandlungRot) {
				grenzwertHospitalisierung = gwHospitalisierung;
				grenzwertIntensivBehandlungGelb = gwIntensivGelb;
				grenzwertIntensivBehandlungRot = gwIntensivRot;
			}
		}

		var client = new HttpClient();
		var restServiceUrl = 'https://api.corona-zahlen.org/districts/' + gemeindeSchluessel;
		client.get(restServiceUrl, function(response) {              
			var data = JSON.parse(response);
			if(data["error"]) {
				console.error("Fehler bei Aufruf von " + restServiceUrl + "! Fehlermeldung: " + data["error"]["message"] + " - Stack: ");
				console.error(data["error"]);
				return;
			}
			var landkreisDaten = data['data'][gemeindeSchluessel];
			rkiLandkreis7TagesInzidenz = Math.round((landkreisDaten['weekIncidence'] * 100)) / 100;

			//Rest API Aufrufe muessen verschachtelt werden, da Bundesland erst von der RKI API ermittelt wird
			var nClient = new HttpClient();
			var nRestServiceUrl = 'https://krankenhausampel.info/corona/v4/?bl=' + landkreisDaten['stateAbbreviation'] + '&gs=' + gemeindeSchluessel;
			nClient.get(nRestServiceUrl, function(apiResponse) {
				var result = JSON.parse(apiResponse);
				//Nur fuer Berechnungen relevante Werte werden hier zugewiesen, 
				//alle anderen Werte fuer eine Anzeige werden unten in der Funktion ausgelesen
				rkiHospitalisierteFaelle                = parseInt(result["rki_hospitalisierung"]);
				diviFaelleCovidAktuell                  = parseInt(result["divi_intensiv"]);
				diviLandkreisIntensivbettenAuslastung   = parseFloat(result["divi_lk_prozent_anteil_belegte_betten_an_gesamtbetten"]);

				//Grenzwerte ermitteln und ggfl. manuell überschreiben
				if(isNaN(grenzwertHospitalisierung) || grenzwertHospitalisierung == 0 ) {
					grenzwertHospitalisierung = result['bundesland_ampel_grenzwert1'];
				}
				if(isNaN(grenzwertIntensivBehandlungGelb) || grenzwertIntensivBehandlungGelb == 0 ) {
					grenzwertIntensivBehandlungGelb = result['bundesland_ampel_grenzwert2'];
				}
				if(isNaN(grenzwertIntensivBehandlungRot) || grenzwertIntensivBehandlungRot == 0 ) {
					grenzwertIntensivBehandlungRot = result['bundesland_ampel_grenzwert3'];
				}
				defaultGrenzwerteSetzen(grenzwertHospitalisierung, grenzwertIntensivBehandlungGelb, grenzwertIntensivBehandlungRot);
				//Grenzwerte zu "echten" Zahlen parsen
				grenzwertHospitalisierung = parseInt(grenzwertHospitalisierung);
				grenzwertIntensivBehandlungGelb = parseInt(grenzwertIntensivBehandlungGelb);
				grenzwertIntensivBehandlungRot = parseInt(grenzwertIntensivBehandlungRot);

				//Ermitteln ob Landkreis ein Hotspot ist
				var istHotspot = false;
				if(rkiLandkreis7TagesInzidenz >= grenzwertHotspotInzidenz7Tage && diviLandkreisIntensivbettenAuslastung >= grenzwertHotspotIntensivbettenAuslastung){
					istHotspot = true;
					console.log('Der ' + landkreisDaten['county'] + ' wurde als Hotspot identifiziert, da Auslastung der Intensivbetten >= ' + grenzwertHotspotIntensivbettenAuslastung + '% (ist: ' + diviLandkreisIntensivbettenAuslastung + '%) UND 7-Tages-Inzidenzwert >= ' + grenzwertHotspotInzidenz7Tage + ' (ist: ' + rkiLandkreis7TagesInzidenz + ')!');
				}

				/** Setze den Zusatztext unter der Ampel fuer 3G */
				var ampelzusatztext = "";
				if(rkiLandkreis7TagesInzidenz >= grenzwertInzidenz3GRegel){
					hinweiseAnzeigen("hinweis3GRegel");
					ampelzusatztext = "3G-Regel";
				} 
				/** Ampelfarbe setzen (rot schlaegt gelb) */
				cssClassAmpelfarbe = "ampelgruen"; //default gruen
				ampelfarbeText = "Grün";
				if(rkiHospitalisierteFaelle >= grenzwertHospitalisierung) {
					cssClassAmpelfarbe ="ampelgelb";
					ampelfarbeText = "Gelb";
					ampelzusatztext = "3GPlus-Regel";
					hinweiseAnzeigen("hinweis3GplusRegel");
				}
				if (diviFaelleCovidAktuell >= grenzwertIntensivBehandlungGelb) {
					cssClassAmpelfarbe ="ampelgelb";
					ampelfarbeText = "Gelb";
					ampelzusatztext = "3G<font style='text-transform:lowercase;'>Plus</font>-Regel";
					hinweiseAnzeigen("hinweis3GplusRegel");
				}
				if (diviFaelleCovidAktuell >= grenzwertIntensivBehandlungRot || istHotspot) {
					cssClassAmpelfarbe ="ampelrot";
					ampelfarbeText = "Rot";
					ampelzusatztext = "2G-Regel";
					hinweiseAnzeigen("hinweis2GRegel");
					//Falls LK als Hotspot identifiziert wurde, aber im BL die Faelle auf Intensivstationen noch nicht kritisch sind,
					//(Ampel Gruen oder Gelb) dann Hotspot-Hinweis immer anzeigen, auch wenn hotspotHinweisImmerAnzeigen auf FALSE steht.
					if(diviFaelleCovidAktuell < grenzwertIntensivBehandlungRot) hotspotHinweisImmerAnzeigen = true;
					if (istHotspot && hotspotHinweisImmerAnzeigen){
						if(document.getElementById("hinweisHotspot") != null)
							document.getElementById("hinweisHotspot").style.display = "contents";								
					}
				}

				/** v4 - Aktuelles "Dauerrot" der Ampel fuer die Bundeslaender in der API berücksichtigen */
				if(result["bundesland_ampel_dauerrot"] && result["bundesland_ampel_dauerrot"] === true){
					console.log("Ampel steht aktuell für " + landkreisDaten['state'] + " auf Dauerrot! Es werden keine Inzidenz- oder Hospitalisierungswerte bei der Ampelfarbe zurberücksichtigt.");
					cssClassAmpelfarbe ="ampelrot";
					ampelfarbeText = "Rot";
					ampelzusatztext = "2G-Regel";
					hinweiseAnzeigen("hinweis2GRegel");
				}

				/** Zusatztext unter der Ampel je nach Ampelfarbe (2G, 3G, 3GPlus,...) */
				if(document.getElementById("ampelzusatztext") != null)
					document.getElementById("ampelzusatztext").innerHTML = ampelzusatztext;
		
				if(document.getElementById("ampeltext") != null)
					document.getElementById("ampeltext").setAttribute("style", "display:flex;");
				
				if(document.getElementById("ampelfarbe") != null)
					document.getElementById("ampelfarbe").setAttribute("class", cssClassAmpelfarbe);
				
				if(document.getElementById("ampeltext") != null)
					document.getElementById("ampeltext").innerHTML = ampelfarbeText;
		
				/** Berechne Zeigerstellung  (#divHospitalisierungBreite) */
				var zeigerStellung = 0;
				zeigerStellung = Math.round((rkiHospitalisierteFaelle * 67) / grenzwertHospitalisierung);
				if(zeigerStellung >= 95) { zeigerStellung = 95; } //Verhindern dass Zeigerspitze rechts neben Balken landet...
				if(zeigerStellung <= 2) { zeigerStellung = 2; } //Verhindern dass Zeigerspitze links neben Balken landet...
		
				if(document.getElementById("divHospitalisierungBreite") != null)
					document.getElementById("divHospitalisierungBreite").setAttribute("style","width:" + zeigerStellung + "%");
		
				/** Berechne Zeigerstellung  (#divBehandlungBreite) */
				zeigerStellung = 0;
				/** Beruecksichtigung Prozentangaben bei Ampelfarbenbreite IntensivBehandlung */
				if(diviFaelleCovidAktuell <= grenzwertIntensivBehandlungGelb) {
					zeigerStellung = Math.round((diviFaelleCovidAktuell * 34) / grenzwertIntensivBehandlungGelb);    
				}
				if(diviFaelleCovidAktuell > grenzwertIntensivBehandlungGelb && diviFaelleCovidAktuell < grenzwertIntensivBehandlungRot) {
					zeigerStellung = Math.round( ((diviFaelleCovidAktuell*100) / grenzwertIntensivBehandlungGelb) - 66);
				}
				if(diviFaelleCovidAktuell >= grenzwertIntensivBehandlungRot) {
					zeigerStellung = Math.round((diviFaelleCovidAktuell * 67) / grenzwertIntensivBehandlungRot);
				}
						
				if(zeigerStellung >= 95) { zeigerStellung = 95; } //Verhindern dass Zeigerspitze rechts neben Balken landet...
				if(zeigerStellung <= 2) { zeigerStellung = 2; } //Verhindern dass Zeigerspitze links neben Balken landet...

				if(document.getElementById("divBehandlungBreite") != null)
					document.getElementById("divBehandlungBreite").setAttribute("style","width:" + zeigerStellung + "%");

				//Alle Daten zur Anzeige und Nutzung im Frontend vorbereiten
				anzeigeWerte(gemeindeSchluessel, data, result, ampelfarbeText, istHotspot);
			});                
		});
		console.log('Die angezeigte Krankenhausampel ist kostenlos und konfigurierbar als Skript verfuegbar: www.krankenhausampel.info');
	}

	/**
	 * Anzeige des <span> Tags mit der id in Parmeter "hinweisAn".
	 * Alle anderen Elemente werden auf 'display:none' gesetzt.
	 * @param {*} hinweisAn - CSS id des Elementes, was angezeigt werden soll (hinweis2GRegel, hinweis2GplusRegel, hinweis3GRegel oder hinweis2GplusRegel)
	 */
	function hinweiseAnzeigen(hinweisAn) {
		if (document.getElementById("hinweis3GplusRegel") != null) { document.getElementById("hinweis3GplusRegel").style.display = "none"; }
		if (document.getElementById("hinweis3GRegel") != null) { document.getElementById("hinweis3GRegel").style.display = "none"; }
		if (document.getElementById("hinweis2GRegel") != null) { document.getElementById("hinweis2GRegel").style.display = "none"; }
		if (document.getElementById("hinweis2GplusRegel") != null) { document.getElementById("hinweis2GplusRegel").style.display = "none"; }
		if (document.getElementById(hinweisAn) != null) { document.getElementById(hinweisAn).style.display = "contents"; }
	}

	/**
	 * Gemeindeschluessel ermitteln: https://www.riserid.eu/data/user_upload/downloads/info-pdf.s/Diverses/Liste-Amtlicher-Gemeindeschluessel-AGS-2015.pdf
	 * Es werden nur die ersten 5 Zahlen des 8-telligen Gemeindeschluessels benoetigt, 
	 * da diese den Landkreis spezifizieren, zu dem die Daten ermittelt werden.
	 * Siehe auch: https://de.wikipedia.org/wiki/Amtlicher_Gemeindeschl%C3%BCssel
	 * @param {*} gemeindeSchluessel 
	 */
	function parseGemeindeschluessel(gemeindeSchluessel){
		if(gemeindeSchluessel.length > 5) {
			gemeindeSchluessel = gemeindeSchluessel.substring(0,5);
		}else if (gemeindeSchluessel.length < 5) {
			console.error("Kein gueltiger Gemeindeschluessel! Der angegebene Gemeindeschluessel '" + gemeindeSchluessel + "' ist zu kurz.");
			gemeindeSchluessel = '09184'; //Default: Landkreis Muenchen
		}
		return gemeindeSchluessel;
	}

	function defaultGrenzwerteSetzen(gw1, gw2, gw3){
		if(gw1 != null && gw2 != null && gw3 != null) {
			grenzwertHospitalisierung = gw1;
			grenzwertIntensivBehandlungGelb = gw2;
			grenzwertIntensivBehandlungRot = gw3;
		}                
		//Grenzwerte setzen
		if(document.getElementById("anzeigeAmpelGrenzwertHospitalisierung") != null) { document.getElementById("anzeigeAmpelGrenzwertHospitalisierung").innerHTML ="Grenzwert: " + grenzwertHospitalisierung + " "; }
		if(document.getElementById("anzeigeAmpelGrenzwertIntensivGelb") != null) { document.getElementById("anzeigeAmpelGrenzwertIntensivGelb").innerHTML ="Grenzwerte: " + grenzwertIntensivBehandlungGelb + " "; }
		if(document.getElementById("anzeigeAmpelGrenzwertIntensivRot") != null) { document.getElementById("anzeigeAmpelGrenzwertIntensivRot").innerHTML = grenzwertIntensivBehandlungRot + " "; }
	}

	/**
	 * Default Werte der Ampel setzen. 
	 */
	function defaultWerteSetzen() {
		defaultGrenzwerteSetzen(null, null, null);
		//Hinweise mit Regeltexten (2G/3G/3Gplus/Hotspot) alle nicht sichtbar 
		if(document.getElementById("hinweisHotspot") != null) { document.getElementById("hinweisHotspot").style.display = "none"; }
		if(document.getElementById("hinweis2GplusRegel") != null) { document.getElementById("hinweis2GplusRegel").style.display = "none"; }
		if(document.getElementById("hinweis2GRegel") != null) { document.getElementById("hinweis2GRegel").style.display = "none"; }
		if(document.getElementById("hinweis3GRegel") != null) { document.getElementById("hinweis3GRegel").style.display = "none"; }
		if(document.getElementById("hinweis3GplusRegel") != null) { document.getElementById("hinweis3GplusRegel").style.display = "none"; }
		//Ampel Farbe + Text setzen
		if(document.getElementById("ampeltext") != null) { document.getElementById("ampeltext").innerHTML = ""; }
		if(document.getElementById("ampelfarbe") != null) { document.getElementById("ampelfarbe").setAttribute("class", "ampelFarbeInitial"); }
	}

	/**
	 * Bereitet alle verfuegbaren Daten fuer eine Anzeige im Frontend vor. 
	 * Der Key im "mapping" Array ist dabei der Name, den ein "class" Attribut in einem HTML-Tag bekommen muss,
	 * damit der Wert angezeigt wird. Bspw: <span class="anzeigeLandkreisname"></span>
	 * @param {*} datenCoronaAPI 
	 * @param {*} datenKHAAPI 
	 * @param {*} ampelFarbe 
	 * @param {*} istHotspot
	 */
	function anzeigeWerte (gemeindeSchluessel, datenCoronaAPI, datenKHAAPI, ampelFarbe, istHotspot) {
		var lkDaten = datenCoronaAPI['data'][gemeindeSchluessel];
		var hotspot = (istHotspot)? "Ja" :  "Nein"; 
		var hotspotText = "kein Hotspot";
		if(istHotspot) {
			hotspotText = "Hotspot";
		}
		//Mapping aller verfuegbarer Daten fuer eine Anzeige.  
		var mapping = { "anzeigeLandkreisname": lkDaten['county'].replace('LK', 'Landkreis'),
						"anzeigeLandkreisEinwohnerzahl": parseInt(lkDaten['population']),
						"anzeige7TageInzidenzWert": (Math.round((lkDaten['weekIncidence'] * 100)) / 100).toFixed(2),
						"anzeigeLetztesUpdateRKI": new Date( datenCoronaAPI['meta']['lastUpdate']).toLocaleDateString("de-DE", { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }) + ' Uhr',
						"anzeigeBundeslandName": lkDaten['state'],
						"anzeigeHospitalisierteFaelle": datenKHAAPI["rki_hospitalisierung"],
						"anzeige7TageInzidenzHospitalisierung": parseFloat(datenKHAAPI["rki_hospitalisierung_inzidenz"]).toFixed(2),
						"anzeigeCOVID19FaelleAktuell": parseInt(datenKHAAPI["divi_intensiv"]),
						"anzeigeLetztesUpdateDIVI": datenKHAAPI["divi_datenstand"],
						"anzeigeBundeslandAdverb": datenKHAAPI['bundesland_name_adverb'],
						"anzeigeBundeslandInfoUrl": datenKHAAPI['bundesland_info_url'],
						"anzeigeAnzahlStandorte": parseInt(datenKHAAPI["divi_lk_anzahl_standorte"]),
						"anzeigeAnzahlMeldebereiche": parseInt(datenKHAAPI["divi_lk_anzahl_meldebereiche"]),
						"anzeigeAnzahlBettenFrei": parseInt(datenKHAAPI["divi_lk_betten_frei"]),
						"anzeigeAnzahlBettenBelegt": parseInt(datenKHAAPI["divi_lk_betten_belegt"]),
						"anzeigeCOVID19FaelleLKAktuell": parseInt(datenKHAAPI["divi_lk_faelle_covid_aktuell"]),
						"anzeigeCOVID19FaelleAktuellBeatmet": parseInt(datenKHAAPI["divi_lk_faelle_covid_aktuell_invasiv_beatmet"]),
						"anzeigeCOVID19FaelleGesamt": parseInt(lkDaten['cases']),
						"anzeigeCOVID19FaelleGesamtTod": parseInt(lkDaten['deaths']),
						"anzeigeCOVID19FaellePro100kEinwohner": parseFloat(lkDaten['casesPer100k']).toFixed(2),
						"anzeigeCOVID19FaelleLetzte7Tage": parseInt(lkDaten['casesPerWeek']),
						"anzeigeCOVID19FaelleLetzte7TageTod": parseInt(lkDaten['deathsPerWeek']),
						"anzeigeCOVID19FaelleGesamtGenesen": parseInt(lkDaten['recovered']),
						"anzeigeGrenzeInzidenzWert3G": grenzwertInzidenz3GRegel,
						"anzeigeGrenzwertHospitalisierung": grenzwertHospitalisierung,
						"anzeigeGrenzwertIntensivGelb": grenzwertIntensivBehandlungGelb,
						"anzeigeGrenzwertIntensivRot": grenzwertIntensivBehandlungRot,
						"anzeigeHotspotInzidenzGrenze7Tage": grenzwertHotspotInzidenz7Tage,
						"anzeigeHotspotIntensivbettenAuslastungProzent": parseFloat(datenKHAAPI['divi_lk_prozent_anteil_belegte_betten_an_gesamtbetten']),
						"anzeigeAmpelfarbe": ampelFarbe,
						"anzeigeHotspotJaNein": hotspot,
						"anzeigeHotspotText": hotspotText,
						"anzeigeGemeindeschluessel": gemeindeSchluessel
					};
		//Alle Elemente mit dem class Wert "key" finden und mit dem Wert ersetzen
		for (var key in mapping) {
			var output= document.querySelectorAll('[class="'+key+'"]');
			for(var i = 0; i < output.length; i++) {
				//Sonderbehandlung: URLs
				if("A" === output[i].tagName && key.indexOf("Url") != -1){
					output[i].setAttribute("href", 'https://' + mapping[key]);
					output[i].setAttribute("title", 'Webseite aufrufen: ' + mapping[key]);
				}                    
				output[i].innerHTML = mapping[key];                                                
			}
		}
		return mapping;
	}
</script>
<!-- ENDE JavaScript Code -->
<!-- ENDE Krankenhaus-Ampel Skript -->

2.) Jede andere Verwendung

Das Github-Projekt enthält alle erforderlichen Dateien, um die Ampel bei euch auf der Webseite nach Belieben einzubinden. Auch die Dokumentation mit allen Konfigurationsmöglichkeiten findet sich dort. Ein valides HTML5-Template, welches die Ampel grafisch anzeigt, steht in der Datei ampel.html bereit. Um die Werte der Ampel in Textform (keine grafische Darstellung) anzuzeigen, enthält die Beispieldatei text.html (Demo) alle verfügbaren Elemente.

Versionen

Aktuelle Version des Krankenhaus-Ampel Skriptes: 0.7.0. Die komplette Versionshistorie im Detail (inkl. der jeweils dazugehörigen Dateien) ist im GitHub Projekt verfügbar.

v0.7.0 (19.01.2022): Anpassung auf aktuelles "Dauerrot". Keine Berücksichtigung von Inzidenz-/Hospitalisierungswerten zur Berechnung der Ampelfarbe mehr für Bayern.
v0.6.0 (18.11.2021): Anzeige der Grenzwerte und der URLs der Landkreisregierungen mit weiteren Coronainformationen. Keine Hotspotanzeige, wenn Landkreis keiner ist.
v0.5.0 (12.11.2021): Erweiterung: Anstatt grafische Anzeige nun auch Anzeige der Werte in Fließtext möglich.
v0.4.0 (09.11.2021): Verwendung neuer RKI API unter Angabe des Gemeindeschlüssels (AGS), anstatt OBJECTID. Hotspotermittlung, Anzeigetext für 2G/3G/3Gplus Regel.
v0.3.0 (06.11.2021): Angepasste Ampel für Fälle in intensivmedizinischer Behandlung lt. geänderter BayIfSMV.
v0.2.0 (15.10.2021): Die Ampel funktioniert nun dank einer vom RKI (RKI GitHub-Projekt) täglich bereitgestellten CSV-Datei für alle Bundeländer, nicht mehr nur für Bayern.