@charset "utf-8";
/* CSS Document */

/*#Warnicon-Backgroundimage {
  background-image: url("../images/_gps_warnmeldeicon_b.png") no-repeat 0 0;
}*/
video::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}


br-2 {
line-height: 1.5;
}

.container-fluid {
  width: 100%;
}

.container {
  padding-left: 0px;
  padding-right: 0px;
}

.container-1 {
  padding-left: 0px;
  padding-right: 0px;
}

.logo {
  margin-left: -14px;
}

#navigation-top-responsive {
display: none;
}

/*#powered-by {
 margin-top: -12px;
}*/

#powered-by-vodafone {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 7px;
  font-weight:normal;
  font-style:italic;
  /*color: #9a9a9a;*/
  padding-top: -24px;
  padding-right: -24px;
  padding-left: 0px;
  margin-top:-15px;
  margin-right: -25px;
  text-align:right;
  float:right;
  display:inline-block;
  width: 20%!important;
  height: auto;
}

.sendertext {
    padding-bottom: 10px;
}

.stationen_list{
    margin-top: 2px;
    overflow-y: scroll;
    height: 900px; 
}	
		
/*#powered-by-vodafone {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 7px;
  font-weight:normal;
  font-style:italic;
  padding-top: -24px;
  padding-right: -24px;
  padding-left: 0px;
  margin-top:-15px;
  margin-right: -25px;
  text-align:right;
  float:right;
  display:inline-block;
  width: 20%!important;
  height: auto;
}*/

/*-------------------- Karte Gelb logged in --------------------*/

/*#Karte {
 width: 100%;
 height: auto;
 margin-top: 0px;
}*/

#Karte {
 height: 1020px;
 width: auto;
 margin-top: 0px;
}

#Karte {
 background:
 /*-------- >>> Visualisierungen der Überlappungen <<< -------*/
	 
 /*-------- >>> Überlappung 15 Wippermann (Position 148-156) <<< -------*/
 /*url(../images/wippermann_strecke_gelb_ueberlappung_rotverlauf.png) no-repeat 0 0,*/
 /*url(../images/wippermann_strecke_gelb_ueberlappung_schwarzverlauf.png) no-repeat 0 0,*/	 
 /*url(../images/wippermann_strecke_gelb_ueberlappung_weissverlauf.png) no-repeat 0 0,*/
	 
 /*-------- >>> Überlappung 22 Galgenkopf (Position 182-188) <<< -------------------*/
 /*url(../images/galgenkopf_strecke_gelb_ueberlappung_rotverlauf.png) no-repeat 0 0,*/
 /*url(../images/galgenkopf_strecke_gelb_ueberlappung_schwarzverlauf.png) no-repeat 0 0,*/
 /*url(../images/galgenkopf_strecke_gelb_ueberlappung_weissverlauf.png) no-repeat 0 0,*/

 /*-------- >>> Überlappung 21 Schwalbenschwanz (Position 178-185) <<< -------------*/ 
 /*url(../images/schwalbenschwanz_strecke_gelb_ueberlappung_rotverlauf.png) no-repeat 0 0,*/
 /*url(../images/schwalbenschwanz_strecke_gelb_ueberlappung_schwarzverlauf.png) no-repeat 0 0,*/
 /*url(../images/schwalbenschwanz_strecke_gelb_ueberlappung_weissverlauf.png) no-repeat 0 0,*/
	 
 /*-------- >>> Überlappung 20 Bellof S (Position 173-179) <<< ---------------------*/
 /*url(../images/bellof-s_strecke_gelb_ueberlappung_rotverlauf.png) no-repeat 0 0,*/
 /*url(../images/bellof-s_strecke_gelb_ueberlappung_schwarzverlauf.png) no-repeat 0 0,*/
 /*url(../images/bellof-s_strecke_gelb_ueberlappung_weissverlauf.png) no-repeat 0 0,*/

 /*-------- >>> Überlappung 19 Pflanzgarten (Position 166-174) <<< -----------------*/
 /*url(../images/pflanzgarten_strecke_gelb_ueberlappung_rotverlauf.png) no-repeat 0 0,*/
 /*url(../images/pflanzgarten_strecke_gelb_ueberlappung_schwarzverlauf.png) no-repeat 0 0,*/
 /*url(../images/pflanzgarten_strecke_gelb_ueberlappung_weissverlauf.png) no-repeat 0 0,*/
 
 /*-------------- 1 Hatzenbach (Position 62-66) --------------*/
 /*url(../images/hatzenbach_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/hatzenbach_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/hatzenbach_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/hatzenbach_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/hatzenbach_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/1_hatzenbach_orange.png) no-repeat 0 0,*/
 /*url(../images/1_hatzenbach_grau.png) no-repeat 0 0,*/
 /*url(../images/hatzenbach_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/hatzenbach_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 2 Hocheichen (Position 68-75) --------------*/
 /*url(../images/hocheichen_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/hocheichen_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/hocheichen_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/hocheichen_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/hocheichen_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/2_hocheichen_orange.png) no-repeat 0 0,*/
 /*url(../images/2_hocheichen_grau.png) no-repeat 0 0,*/
 /*url(../images/hocheichen_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/hocheichen_linie_rot.png) no-repeat 0 0,*/

 /*-------------- 3 Flugplatz (Position 75-79) --------------*/
 /*url(../images/flugplatz_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/flugplatz_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/flugplatz_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/flugplatz_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/flugplatz_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/3_flugplatz_orange.png) no-repeat 0 0,*/
 /*url(../images/3_flugplatz_grau.png) no-repeat 0 0,*/
 /*url(../images/flugplatz_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/flugplatz_linie_rot.png) no-repeat 0 0,*/

 /*-------------- 4 Schwedenkreuz (Position 81-85) --------------*/
 /*url(../images/schwedenkreuz_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/schwedenkreuz_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/schwedenkreuz_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/schwedenkreuz_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/schwedenkreuz_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/4_schwedenkreuz_orange.png) no-repeat 0 0,*/
 /*url(../images/4_schwedenkreuz_grau.png) no-repeat 0 0,*/
 /*url(../images/schwedenkreuz_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/schwedenkreuz_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 5 Aremberg (Position 85-92) --------------*/
 /*url(../images/aremberg_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/aremberg_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/aremberg_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/aremberg_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/aremberg_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/aremberg_fuchsroehre_adenauer-forst_strecke_gesamt_gelb.png) no-repeat 0 0,*/
 /*url(../images/5_aremberg_orange.png) no-repeat 0 0,*/
 /*url(../images/5_aremberg_grau.png) no-repeat 0 0,*/
 /*url(../images/aremberg_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/aremberg_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 6 Fuchsröhre (Position 87-97) --------------*/
 /*url(../images/fuchsroehre_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/fuchsroehre_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/fuchsroehre_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/fuchsroehre_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/fuchsroehre_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/aremberg_fuchsroehre_adenauer-forst_strecke_gesamt_gelb.png) no-repeat 0 0,*/
 /*url(../images/6_fuchsroehre_orange.png) no-repeat 0 0,*/
 /*url(../images/6_fuchsroehre_grau.png) no-repeat 0 0,*/
 /*url(../images/fuchsroehre_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/fuchsroehre_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 7 Adenauer Forst (Position 95-100) --------------*/
 /*url(../images/adenauer-forst_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/adenauer-forst_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/adenauer-forst_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/adenauer-forst_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/adenauer-forst_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/aremberg_fuchsroehre_adenauer-forst_strecke_gesamt_gelb.png) no-repeat 0 0,*/
 /*url(../images/7_adenauer-forst_orange.png) no-repeat 0 0,*/
 /*url(../images/7_adenauer-forst_grau.png) no-repeat 0 0,*/
 /*url(../images/adenauer-forst_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/adenauer-forst_linie_rot.png) no-repeat 0 0,*/
 
 /*-------------- 8 Metzgesfeld (Position 100-106) --------------*/
 /*url(../images/metzgesfeld_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/metzgesfeld_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/metzgesfeld_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/metzgesfeld_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/metzgesfeld_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/8_metzgesfeld_orange.png) no-repeat 0 0,*/
 /*url(../images/8_metzgesfeld_grau.png) no-repeat 0 0,*/
 /*url(../images/metzgesfeld_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/metzgesfeld_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 9 Wehrseifen (Position 108a-112) --------------*/
 /*url(../images/wehrseifen_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/wehrseifen_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/wehrseifen_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/wehrseifen_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/wehrseifen_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/9_wehrseifen_orange.png) no-repeat 0 0,*/
 /*url(../images/9_wehrseifen_grau.png) no-repeat 0 0,*/
 /*url(../images/wehrseifen_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/wehrseifen_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 10 Breidscheid (Position 115-122) --------------*/
 /*url(../images/breidscheid_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/breidscheid_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/breidscheid_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/breidscheid_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/breidscheid_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/10_breidscheid_orange.png) no-repeat 0 0,*/
 /*url(../images/10_breidscheid_grau.png) no-repeat 0 0,*/
 /*url(../images/breidscheid_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/breidscheid_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 11 Bergwerk (Position 122-126a) --------------*/
 /*url(../images/bergwerk_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/bergwerk_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/bergwerk_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/bergwerk_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/bergwerk_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/11_bergwerk_orange.png) no-repeat 0 0,*/
 /*url(../images/11_bergwerk_grau.png) no-repeat 0 0,*/
 /*url(../images/bergwerk_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/bergwerk_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 12 Kesselchen (Position 127-131) --------------*/
 /*url(../images/kesselchen_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/kesselchen_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/kesselchen_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/kesselchen_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/kesselchen_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/12_kesselchen_orange.png) no-repeat 0 0,*/
 /*url(../images/12_kesselchen_grau.png) no-repeat 0 0,*/
 /*url(../images/kesselchen_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/kesselchen_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 13 Klostertal (Position 131-134) --------------*/
 /*url(../images/klostertal_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/klostertal_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/klostertal_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/klostertal_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/klostertal_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/13_klostertal_orange.png) no-repeat 0 0,*/
 /*url(../images/13_klostertal_grau.png) no-repeat 0 0,*/
 /*url(../images/klostertal_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/klostertal_linie_rot.png) no-repeat 0 0,*/

 /*-------------- 14 Steilstrecke (Position 136-139) --------------*/
 /*url(../images/steilstrecke_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/steilstrecke_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/steilstrecke_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/steilstrecke_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/steilstrecke_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/14_steilstrecke_orange.png) no-repeat 0 0,*/
 /*url(../images/14_steilstrecke_grau.png) no-repeat 0 0,*/
 /*url(../images/steilstrecke_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/steilstrecke_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 15 Karussell (Position 139-145) --------------*/
 /*url(../images/karussell_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/karussell_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/karussell_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/karussell_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/karussell_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/15_karussell_orange.png) no-repeat 0 0,*/
 /*url(../images/15_karussell_grau.png) no-repeat 0 0,*/
 /*url(../images/karussell_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/karussell_linie_rot.png) no-repeat 0 0,*/

 /*-------------- 16 Hohe Acht (Position 145-151) --------------*/
 /*url(../images/hohe-acht_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/hohe-acht_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/hohe-acht_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/hohe-acht_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/hohe-acht_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/16_hohe-acht_orange.png) no-repeat 0 0,*/
 /*url(../images/16_hohe-acht_grau.png) no-repeat 0 0,*/
 /*url(../images/hohe-acht_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/hohe-acht_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 17 Wippermann (Position 148-156) --------------*/
 /*url(../images/wippermann_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/wippermann_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/wippermann_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/wippermann_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/wippermann_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/17_wippermann_orange.png) no-repeat 0 0,*/
 /*url(../images/17_wippermann_grau.png) no-repeat 0 0,*/
 /*url(../images/wippermann_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/wippermann_linie_rot.png) no-repeat 0 0,*/
 
 /*-------------- 18 Eschbach (Position 155-161) --------------*/
 /*url(../images/eschbach_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/eschbach_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/eschbach_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/eschbach_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/eschbach_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/18_eschbach_orange.png) no-repeat 0 0,*/
 /*url(../images/18_eschbach_grau.png) no-repeat 0 0,*/
 /*url(../images/eschbach_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/eschbach_linie_rot.png) no-repeat 0 0,*/
 
 /*-------------- 19 Brünnchen (Position 160-165) --------------*/
 /*url(../images/bruennchen_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/bruennchen_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/bruennchen_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/bruennchen_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/bruennchen_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/19_bruennchen_orange.png) no-repeat 0 0,*/
 /*url(../images/19_bruennchen_grau.png) no-repeat 0 0,*/
 /*url(../images/bruennchen_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/bruennchen_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 20 Eiskurve (Position 164-169) --------------*/
 /*url(../images/eiskurve_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/eiskurve_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/eiskurve_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/eiskurve_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/eiskurve_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/20_eiskurve_orange.png) no-repeat 0 0,*/
 /*url(../images/20_eiskurve_grau.png) no-repeat 0 0,*/
 /*url(../images/eiskurve_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/eiskurve_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 21 Pflanzgarten (Position 166-174) --------------*/
 /*url(../images/pflanzgarten_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/pflanzgarten_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/pflanzgarten_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/pflanzgarten_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/pflanzgarten_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/21_pflanzgarten_orange.png) no-repeat 0 0,*/
 /*url(../images/21_pflanzgarten_grau.png) no-repeat 0 0,*/
 /*url(../images/pflanzgarten_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/pflanzgarten_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 22 Bellof S (Position 173-179) --------------*/
 /*url(../images/bellof-s_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/bellof-s_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/bellof-s_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/bellof-s_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/bellof-s_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/22_bellof-s_orange.png) no-repeat 0 0,*/
 /*url(../images/22_bellof-s_grau.png) no-repeat 0 0,*/
 /*url(../images/bellof-s_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/bellof-s_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 23 Schwalbenschwanz (Position 178-185) --------------*/
 /*url(../images/schwalbenschwanz_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/schwalbenschwanz_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/schwalbenschwanz_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/schwalbenschwanz_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/schwalbenschwanz_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/23_schwalbenschwanz_orange.png) no-repeat 0 0,*/
 /*url(../images/23_schwalbenschwanz_grau.png) no-repeat 0 0,*/
 /*url(../images/schwalbenschwanz_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/schwalbenschwanz_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 24 Galgenkopf (Position 182-188) --------------*/
 /*url(../images/galgenkopf_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/galgenkopf_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/galgenkopf_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/galgenkopf_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/galgenkopf_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/24_galgenkopf_orange.png) no-repeat 0 0,*/
 /*url(../images/24_galgenkopf_grau.png) no-repeat 0 0,*/
 /*url(../images/galgenkopf_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/galgenkopf_linie_rot.png) no-repeat 0 0,*/
	 
 /*----------- 25 Doettinger Hoehe (Position 186-191) --------------*/
 /*url(../images/doettinger-hoehe_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/doettinger-hoehe_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/doettinger-hoehe_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/doettinger-hoehe_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/doettinger-hoehe_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/25_doettinger-hoehe_orange.png) no-repeat 0 0,*/
 /*url(../images/25_doettinger-hoehe_grau.png) no-repeat 0 0,*/
 /*url(../images/doettinger-hoehe_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/doettinger-hoehe_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 26 Tiergarten (Position 192-197) --------------*/
 /*url(../images/tiergarten_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/tiergarten_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/tiergarten_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/tiergarten_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/tiergarten_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/26_tiergarten_orange.png) no-repeat 0 0,*/
 /*url(../images/26_tiergarten_grau.png) no-repeat 0 0,*/
 /*url(../images/tiergarten_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/tiergarten_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- 27 Hohenrain (Position 200-207) --------------*/
 /*url(../images/hohenrain_leuchte_rot.png) no-repeat 0 0,*/
 /*url(../images/hohenrain_leuchte_gruen.png) no-repeat 0 0,*/
 /*url(../images/hohenrain_leuchte_gelb.png) no-repeat 0 0,*/
 /*url(../images/hohenrain_warndreieck.png) no-repeat 0 0,*/
 /*url(../images/hohenrain_strecke_gelb.png) no-repeat 0 0,*/
 /*url(../images/27_hohenrain_orange.png) no-repeat 0 0,*/
 /*url(../images/27_hohenrain_grau.png) no-repeat 0 0,*/
 /*url(../images/hohenrain_linie_gruen.png) no-repeat 0 0,*/
 /*url(../images/hohenrain_linie_rot.png) no-repeat 0 0,*/
	 
 /*-------------- Standardstrecke Weiss logged in (Stärke=25pt)--------------*/
 url(../images/standard_strecke_weiss_einzeln.png) no-repeat 0 0,
 /*url(../images/standard_strecke_weiss_einzeln_verbindung_70%.png) no-repeat 0 0,*/
	 
 /*-------------- 27 Namen logged in Gesamt --------------*/
 /*url(../images/25_namen_gelb.png) no-repeat 0 0,*/
 /*url(../images/25_namen_grau.png) no-repeat 0 0,*/
 /*url(../images/27_namen_gelb.png) no-repeat 0 0,*/
 url(../images/27_namen_grau.png) no-repeat 0 0,
	 
 /*---- STS-Nürburgring Karte mit Posten (Deckkraft 29%) logged in ----*/	 
 /*url(../images/sts-nuerburgring-karte-posten.png) no-repeat 0 0,*/
	 
 /*------------------------ Legende Bergung ------------------------*/
 /*------------------------ Bergung 1 ------------------------*/
 /*url(../images/1_bergungslegende_bergung_icon_gelb.png) no-repeat 0 0,*/
 url(../images/1_bergungslegende_bergung_icon_grau.png) no-repeat 0 0,
 /*url(../images/1_bergungslegende_bergung_name_gelb.png) no-repeat 0 0,*/
 url(../images/1_bergungslegende_bergung_name_grau.png) no-repeat 0 0,
 /*url(../images/1_bergungslegende_bergung_linie_gruen_a.png) no-repeat 0 0,*/
 /*url(../images/1_bergungslegende_bergung_linie_gruen_b.png) no-repeat 0 0,*/
 /*url(../images/1_bergungslegende_bergung_linie_rot_a.png) no-repeat 0 0,*/
 /*url(../images/1_bergungslegende_bergung_linie_rot_b.png) no-repeat 0 0,*/
 /*url(../images/1_bergungslegende_bergung_warndreieck.png) no-repeat 0 0,*/

 /*------------------------ Bergung 2 ------------------------*/
 /*url(../images/2_bergungslegende_bergung_icon_gelb.png) no-repeat 0 0,*/
 url(../images/2_bergungslegende_bergung_icon_grau.png) no-repeat 0 0,
 /*url(../images/2_bergungslegende_bergung_name_gelb.png) no-repeat 0 0,*/
 url(../images/2_bergungslegende_bergung_name_grau.png) no-repeat 0 0,
 /*url(../images/2_bergungslegende_bergung_linie_gruen_a.png) no-repeat 0 0,*/
 /*url(../images/2_bergungslegende_bergung_linie_gruen_b.png) no-repeat 0 0,*/
 /*url(../images/2_bergungslegende_bergung_linie_rot_a.png) no-repeat 0 0,*/
 /*url(../images/2_bergungslegende_bergung_linie_rot_b.png) no-repeat 0 0,*/
 /*url(../images/2_bergungslegende_bergung_warndreieck.png) no-repeat 0 0,*/
	 
 /*------------------------ Bergung 3 ------------------------*/
 /*url(../images/3_bergungslegende_bergung_icon_gelb.png) no-repeat 0 0,*/
 url(../images/3_bergungslegende_bergung_icon_grau.png) no-repeat 0 0,
 /*url(../images/3_bergungslegende_bergung_name_gelb.png) no-repeat 0 0,*/
 url(../images/3_bergungslegende_bergung_name_grau.png) no-repeat 0 0,
 /*url(../images/3_bergungslegende_bergung_linie_gruen_a.png) no-repeat 0 0,
 /*url(../images/3_bergungslegende_bergung_linie_gruen_b.png) no-repeat 0 0,*/
 /*url(../images/3_bergungslegende_bergung_linie_rot_a.png) no-repeat 0 0,*/
 /*url(../images/3_bergungslegende_bergung_linie_rot_b.png) no-repeat 0 0,*/
 /*url(../images/3_bergungslegende_bergung_warndreieck.png) no-repeat 0 0,*/
	 
 /*------------------------ Bergung 4 ------------------------*/
 /*url(../images/4_bergungslegende_bergung_icon_gelb.png) no-repeat 0 0,*/
 url(../images/4_bergungslegende_bergung_icon_grau.png) no-repeat 0 0,
 /*url(../images/4_bergungslegende_bergung_name_gelb.png) no-repeat 0 0,*/
 url(../images/4_bergungslegende_bergung_name_grau.png) no-repeat 0 0,
 /*url(../images/4_bergungslegende_bergung_linie_gruen_a.png) no-repeat 0 0,*/
 /*url(../images/4_bergungslegende_bergung_linie_gruen_b.png) no-repeat 0 0,*/
 /*url(../images/4_bergungslegende_bergung_linie_rot_a.png) no-repeat 0 0,*/
 /*url(../images/4_bergungslegende_bergung_linie_rot_b.png) no-repeat 0 0,*/
 /*url(../images/4_bergungslegende_bergung_warndreieck.png) no-repeat 0 0,*/
	 
 /*-------------- Fond logged in --------------*/
 url(../images/strecke_fond_erweitert.png) repeat 0 0;
	
 /*-------------- Background logged in --------------*/
 background-size:90%;
 background-position: center top;
 /*display: block;*/
 text-align: center;
}

#navigation-background {
	background-color: #2c2a28 !important;
	height: 40px!important;
	margin-top: -24px;
}

#basic-navigation {
	background-color: transparent;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 11px;
	float: right;
	font-color: #9a9a9a !important;
    margin-top:1px;
	margin-right:-22px;
	line-height:0px !important; 
	height:0.1em !important;
	text-align:right;
}

#headline-1 {
	background-color: #757575;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.55em;
    font-weight: 600;
    /*line-height: 2;*/
	width: 97px;
	height: 25px;
	text-align: center!important;
	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	/*border-width: 1px;*/
	border-width: 0.01em;
	padding-top:4px;
	padding-left:11px;
}
#headline-1-B-detailliert {
	background-color: #757575;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 8px;
    font-weight: 600;
    /*line-height: 2;*/
	width: 97px;
	height: 25px;

	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	/*border-width: 1px;*/
	border-width: 0.01em;
	padding-top:4px;
	padding-left:0px;
    margin-top:-2px!important;

    border-bottom-color: #FFFFFF!important;
    border-bottom-style: solid!important;
    border-bottom-width: 2px!important;
}


#headline-1-B {
	background-color: #f8aa00;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.55em;
    font-weight: 600;
    /*line-height: 2;*/
	width: 97px;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	/*border-width: 1px;*/
	border-width: 0.01em;
	padding-top:4px;
	padding-left:-6px;
}



#headline-2 {
	background-color: #e30613;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	/*font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	font-weight: normal;*/
	width: 100%;
	height: 35px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0.01em;
	padding-top:2.5px;
}


/*#GPS-Vorwarnungen {
    width: 100%; 
	height: auto;
	transform: scale(1.2);
	margin-top: 28px;
	margin-bottom: -18px;
	margin-left: 17px;
  }*/


.GPS-Vorwarnungen {
	margin-top: 2px;
	overflow-y: scroll;
	height: 902px;

}

.warnmeldung {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*font-size: 0.53em;*/
	font-size: 0.65em;
	/*font-weight: 600;*/
    font-weight: 400;
    /*line-height: 0.2;*/
	width: 97px;
	height: auto;
	/*height: 35px;*/
	text-align: left;
	color: #000000;
	margin-top: 6px;
	margin-left: -5px;
	margin-bottom: -20px;
	line-height: 1.1;
}

#sendertext {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/*font-size: 0.95em;*/
	font-size: 1em;
    font-weight: 500;
	width: 100%;
	height: auto;
	text-align: left;
	color: #000000;
	margin-top: -27px;
	margin-left: 1px;
	margin-bottom: 14px;
	line-height: 1.2; 
	/*font-size-adjust:0.58;*/
}

#on-off-left {
	width:20px;
	margin-top:-1.5px;
	margin-right:-22px;
	margin-bottom:2px;
	margin-left: 8px;
}



.detaillierte-warnmeldung {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*font-size: 0.53em;*/
	font-size: 0.58em;
    font-weight: 400;
    /*line-height: 0.2;*/
	width: 375px!important;
	/*height: 160px;*/

	text-align: left;
	color: #757575;
	margin-top: 6px;
	margin-left: -11px;
	margin-bottom: 0px;
	line-height: 1.6;

    letter-spacing: -0.5px;
	

}



.navbar-toggler-icon { 
	margin-top: -32px;
	margin-right: -42px;
}

#vorwarnungen-bg-top {
	background-color: #eaeaea;
	padding-right: 0px !important;
    padding-left: 0px !important;
}
#vorwarnungen-bg {
	background-color: #eaeaea;
}

/*i {
  list-style-type:none;
}*/
/*li::before  {
  content: "• ";    
  color: red;
  font-size: 1.2em;
  margin-top:-5px;
	height:20px;
}*/


/*--- Sender-Leuchten-Status Gelb/Grün/Rot ---*/
/*#punkt-1 {
	border-left: #000000 5px solid;
    border-color-right:#eaeaea!important;
}*/

/*#punkt-2 {
	border-left: #000000 7px dotted;
    border:hide!important;
}*/

/*border-left: #000000 2px solid;*/


.linie {
	margin-top:-2px;
	margin-right:5px;
	margin-left:0px;
}

#space {
  letter-spacing:-0.08em!important;
  /*letter-spacing:-0.7px!important;*/
}

#stationen ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: -5px;
  margin-left: -15px;
  background-color: #eaeaea;
  float: left;
  text-decoration: none;
  /*width:97px;*/
  /*height:20px;*/
  border-top-radius: 1px!important;
  border-top-color: #FFFFFF!important;
  border-top-style: solid!important;
  border-top-width: 1px!important;
	
	
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  /*border-bottom-radius: 1px!important;*/
  /*border-bottom-color: #FFFFFF!important;*/
  /*border-bottom-style: solid!important;*/
  /*border-bottom-width: 1px!important;*/
  border-left-radius: 1px!important;
  border-left-color: #FFFFFF!important;
  border-left-style: solid!important;
  border-left-width: 1px!important;

}

#stationen li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.53rem;
  /*font-size: 0.45rem;*/
  font-weight: 400;
  line-height: 1.5;
  color: #757575;
  display: block;
  /*color: #000;*/
  padding: 8px 16px;
  text-decoration: none;
  text-align: left;
  width:97px;
  height:20px;

	
  padding-top:2px;
  padding-left:7px;
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;

}

/* Change the link color on hover */
#stationen li a:hover {
  background-color: #b6b5b5;
  color: white;
  text-decoration: none;
  width:97px;
  height:20px;
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;

 }

/*#letter-spacing {
	letter-spacing: -1px;
}*/

#local-time {
  /*background: url(../images/strecke_fond_webseite.png) no-repeat   center center;*/
  background-color: #000000;
  background-size: 1000px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 11px;
  font-weight:normal;
  color: #9a9a9a;
  height: 40px;
  padding-top: 10px;
  padding-left: -200px;
  margin-top:-60px;
  margin-left: 0px;
  text-align:left;
}

#modul-vorwarnungen {
	width: 95%;
}

/*
#Spalte-1  	 { order: 1;}
#Spalte-2-a  { order: 2;}
#Spalte-2-b  { order: 3;}
#Spalte-2-c  { order: 6;}
#Spalte-3    { order: 5;}
*/

/*----------------------------------- Mobile Version -----------------------------------*/

/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: @screen-sm-min) { ... }

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: @screen-md-min) { ... }

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: @screen-lg-min) { ... }

/*--------------------------------- Mobile Version (iPad 768px) --------------------------------*/

@media all and (max-width: 768px) {
		
	
#navigation-background {
	background-color: #2c2a28 !important;
	height: 40px!important;
	margin-top: -24px;
}

#basic-navigation {
	background-color: transparent;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 11px;
	float: right;
	font-color: #9a9a9a !important;
    margin-top:1px;
	margin-right:-22px;
	line-height:0px !important; 
	height:0.1em !important;
	text-align:right;
}

#headline-1 {
	background-color: #757575;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.55em;
    font-weight: 600;
    /*line-height: 2;*/
	width: 375px!important;
	height: 25px;
	text-align: center!important;
	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	/*border-width: 1px;*/
	border-width: 0.01em;
	padding-top:4px;
	padding-left:11px;
}
#headline-1-B-detailliert {
	background-color: #757575;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.40em; 
    font-weight: 600;
    /*line-height: 2;*/
	width: 375px!important;
	height: 25px;

	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	/*border-width: 1px;*/
	border-width: 0.01em;
	padding-top:4px;
	padding-left:0px;
    margin-top:-2px!important;

    border-bottom-color: #FFFFFF!important;
    border-bottom-style: solid!important;
    border-bottom-width: 2px!important;
}


#headline-1-B {
	background-color: #f8aa00;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.55em;
    font-weight: 600;
    /*line-height: 2;*/
	width: 375px!important;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	/*border-width: 1px;*/
	border-width: 0.01em;
	padding-top:4px;
	padding-left:-6px;
}



#headline-2 {
	background-color: #e30613;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	/*font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	font-weight: normal;*/
	width: 100%;
	height: 35px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0.01em;
	padding-top:2.5px;
}


/*#GPS-Vorwarnungen {
    width: 100%; 
	height: auto;
	transform: scale(1.2);
	margin-top: 28px;
	margin-bottom: -18px;
	margin-left: 17px;
  }*/


.GPS-Vorwarnungen {
	margin-top: 2px;
	overflow-y: scroll;
	height: 902px;

}

.warnmeldung {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*font-size: 0.53em;*/
	font-size: 0.65em;
	/*font-weight: 600;*/
    font-weight: 400;
    /*line-height: 0.2;*/
	width: 97px;
	height: auto;
	/*height: 35px;*/
	text-align: left;
	color: #000000;
	margin-top: 6px;
	margin-left: -5px;
	margin-bottom: -20px;
	line-height: 1.1;
}

#sendertext {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/*font-size: 0.95em;*/
	font-size: 1em;
    font-weight: 500;
	width: 100%;
	height: auto;
	text-align: left;
	color: #000000;
	margin-top: -27px;
	margin-left: 1px;
	margin-bottom: 14px;
	line-height: 1.2; 
	/*font-size-adjust:0.58;*/
}

#on-off-left {
	width:20px;
	margin-top:-1.5px;
	margin-right:-22px;
	margin-bottom:2px;
	margin-left: 8px;
}



.detaillierte-warnmeldung {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*font-size: 0.53em;*/
	font-size: 0.58em;
    font-weight: 400;
    /*line-height: 0.2;*/
	width: 375px!important;
	/*height: 160px;*/

	text-align: left;
	color: #757575;
	margin-top: 6px;
	margin-left: -11px;
	margin-bottom: 0px;
	line-height: 1.6;

    letter-spacing: -0.5px;
	

}



.navbar-toggler-icon { 
	margin-top: -32px;
	margin-right: -42px;
}

#vorwarnungen-bg-top {
	background-color: #eaeaea;
	padding-right: 0px !important;
    padding-left: 0px !important;
}
#vorwarnungen-bg {
	background-color: #eaeaea;
}

/*i {
  list-style-type:none;
}*/
/*li::before  {
  content: "• ";    
  color: red;
  font-size: 1.2em;
  margin-top:-5px;
	height:20px;
}*/


/*--- Sender-Leuchten-Status Gelb/Grün/Rot ---*/
/*#punkt-1 {
	border-left: #000000 5px solid;
    border-color-right:#eaeaea!important;
}*/

/*#punkt-2 {
	border-left: #000000 7px dotted;
    border:hide!important;
}*/

/*border-left: #000000 2px solid;*/


.linie {
	margin-top:-2px;
	margin-right:5px;
	margin-left:0px;
}

#space {
  letter-spacing:-0.08em!important;
  /*letter-spacing:-0.7px!important;*/
}

#stationen ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: -5px;
  margin-left: -15px;
  background-color: #eaeaea;
  float: left;
  text-decoration: none;
  /*width:97px;*/
  /*height:20px;*/
  border-top-radius: 1px!important;
  border-top-color: #FFFFFF!important;
  border-top-style: solid!important;
  border-top-width: 1px!important;
	
	
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  /*border-bottom-radius: 1px!important;*/
  /*border-bottom-color: #FFFFFF!important;*/
  /*border-bottom-style: solid!important;*/
  /*border-bottom-width: 1px!important;*/
  border-left-radius: 1px!important;
  border-left-color: #FFFFFF!important;
  border-left-style: solid!important;
  border-left-width: 1px!important;

}

#stationen li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.53rem;
  /*font-size: 0.45rem;*/
  font-weight: 400;
  line-height: 1.5;
  color: #757575;
  display: block;
  /*color: #000;*/
  padding: 8px 16px;
  text-decoration: none;
  text-align: left;
  width:97px;
  height:20px;

	
  padding-top:2px;
  padding-left:7px;
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;

}

/* Change the link color on hover */
#stationen li a:hover {
  background-color: #b6b5b5;
  color: white;
  text-decoration: none;
  width:97px;
  height:20px;
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;

 }

/*#letter-spacing {
	letter-spacing: -1px;
}*/

#local-time {
  /*background: url(../images/strecke_fond_webseite.png) no-repeat   center center;*/
  background-color: #000000;
  background-size: 1000px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 11px;
  font-weight:normal;
  color: #9a9a9a;
  height: 40px;
  padding-top: 10px;
  padding-left: -200px;
  margin-top:-60px;
  margin-left: 0px;
  text-align:left;
}

#modul-vorwarnungen {
	width: 95%;
}

/*#warnmeldungen-karte-streckenabschnitte {
	width:70%!important;
	height:auto!important;
}*/
	

#warnmeldungen-karte-streckenabschnitte {
  width:70%!important;
  height:auto!important;
  display:block!important;
  float:left!important;
}
	
/*#warnmeldungen-karte-streckenabschnitte {
  
  height:auto!important;
  display:block!important;
  transform: scale(0.8);
  display: table!important;
  float:left!important;
}*/
	
/*#clearfix:after {
  content: "";
  display: table!important;
  clear: both!important;
}*/

/*#float1 {
  float: left; 		
  width: 2em; }*/
	
/*#float2 {
  float: left; 		
  width: 6em; }*/
	
/*#float3 {
  float: left; 		
  width: 2em; }*/
	
	
/*#Karte {
 height: 1020px;
 width: auto;
 margin-top: 0px;
	
	
 background-size:90%;
 background-position: center top;
	
}*/
	
/*#Karte {
 height: auto!important;
 width: 20em!important;
 margin-top: 0px;
}*/
	

	
}
	
	
	
@media only screen and (device-width: 768px) {   
/* For general iPad layouts */ 

}  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {   
/* For portrait layouts only */ 

}  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {   
/* For landscape layouts only */ 
}


@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}






/*--------------------------------- Mobile Version 45em --------------------------------*/

@media all and (max-width: 45em) {
		
	
/* -------- Menü top Logo -------- */
#navigation-background {
   background-color: #2c2a28 !important;
   width: 375px!important;
   height: 40px!important;
   border-color: #FFFFFF !important;
   border-style: solid !important;
   border-width: 0.01em !important;
   padding-top:0px !important;
  }

/* -------- Navigation top -------- */
#navigation-top-responsive {
 display:contents;
 width: 375px!important;
 height: 40px!important;
 border-color: #FFFFFF !important;
 border-style: solid !important;
 border-width: 0.01em !important;
 padding-top:4.5px !important;
}

/* -------- Navigation top Menüpunkte -------- */
#basic-navigation {
 background-color: transparent;
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 font-size: 12px;
 float: right;
 font-color: #9a9a9a !important;
 margin-top:1px !important;
 line-height:0px !important; 
 height:0.1em !important;
}

#Spalte {
  display: flex; 
  flex-wrap: wrap;  
}
	
/*#Spalte-1  { order: 1;}
#Spalte-2-a  { order: 5;}
#Spalte-2-b  { order: 4;}
#Spalte-2-c  { order: 3;}
#Spalte-3    { order: 2;}*/

#logo-responosive  { 
	margin-left: -22px !important;
}

.vodafone-responsive { 
  transform:scale(1.3)!important;
  padding-top: 42px!important;
  padding-right: 43px;
  padding-left: 0px;
  margin-top:-103px;
  margin-right: -25px;
  text-align:right;
  float:right;
  display:inline-block;
  width: 130%!important;
  height: auto;
}

#powered-by-vodafone {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 7px;
  font-weight:normal;
  font-style:italic;
  padding-top: 55px;
  padding-right: -24px;
  padding-left: 0px;
  margin-top:-103px;
  margin-right: -25px;
  text-align:right;
  float:right;
  display:inline-block;
  width: 130%!important;
  height: auto;
}
	

	
.GPS-Vorwarnungen {
    width: 200%; 
	height: auto;
	transform: scale(1.15);
	margin-top: 20px;
	margin-bottom: 35px;
	margin-left: 28px;
  }

.warnmeldung {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	transform: scale(1.2)!important;
	
    /*font-size: 0.65em;*/
	font-size: 0.90em;
	font-weight: 500;
    line-height: 0.2;
	width: 100%;
	height: auto;
	/*height: 35px;*/
	text-align: left;
	color: #000000;
	margin-top: 36px;
	margin-left: 208px;
	margin-bottom: -35px;
	/*margin-top: 23px;*/
	/*margin-left: 80px;*/
	/*margin-bottom: -50px;*/
	line-height: 1; 
	
	
	/*--- background ---*/
	/*background: linear-gradient(to bottom, #eaeaea, #F6F7F6F6);*/
	background-color: #eaeaea;
	/*background-color: #FF00DC!important;*/
	/*background-color: linear-gradient(to top, #FFFFFF 0%, #F6F6F6 50%)*/
	width:237px!important;
    margin-top:31.5px!important;
	/*margin-top:29px!important;*/
	margin-left:106px!important;
	margin-bottom:-29px!important;
}


.GPS-Vorwarnungen-im-Detail {
	height: 100px!important;
  }	

	
.detaillierte-GPS-Vorwarnungen {
	margin-top: 20px;

	height:300px!important;
}


	
.sendertext {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*font-size: 0.65em;*/
	font-size: 0.85em;
    font-weight: 500;
	width: 100%;
	height: auto;
	text-align: left;
	color: #000000;
	margin-top: -29px;
	margin-left: 1px;
	margin-bottom: 14px;
	line-height: 1.1; 
	font-size-adjust:0.50;
}

	
/*#warnmeldung {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.49em;
    font-weight: bold;
    line-height: 0.2;
	width: 90%;
	height: 35px;
	text-align: left;
	color: #000000;
	margin-top: -25px;
	margin-left: 100px;
	margin-bottom: -50px;
	line-height: 1; 
}*/

#headline-1 {
	/*background-color: #e30613;*/
	background-color: #757575;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.2em;
    font-weight: 600;
    /*line-height: 2;*/
	/*font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	font-weight: normal;*/
	width: 375px;
	height: 40px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	/*border-width: 0.01em;*/
	padding-top:-10px!important;
	
}
	


	
	
#space {
  letter-spacing:0.2px!important;
  /*letter-spacing:-0.7px!important;*/
}

#Spalte-1 { 
    width: 375px!important;
	height: 1048px!important;
}

#vorwarnungen-bg-top {
	background-color: #F6F6F6;
	width:375px!important;
	height: 1405px!important;
}

#vorwarnungen-bg {
	background-color: #F6F6F6;
	width:375px!important;
}

/*#vorwarnungen-bg-top { 
    width: 375px!important;
	height: 1400px!important;
}*/
	
#stationen { 
    width: 375px!important;
	height: 1048px!important;
}
	
/*#Spalte-1 { 
    width: 500px!important;
	padding-top: -20px;
  }*/

#Spalte-D { 
    display: none;
	padding-top: -20px;
  }

#Spalte-2-b { 
    width:375px!important;
	height: 1048px!important;
}
	
#Spalte-2-c {  
    display: none;
  }
	
#Spalte-3 {  
    width:375px!important;
	height: 2000px!important;
	display:contents!important;
    background-color: aqua;
  }
	
#navbar-responsive {
	display:none;
 }
	
#local-time {
    display:none;
 }
	
#local-time-responsive {
	/*background: url(../images/strecke_fond_webseite.png) no-repeat   center center;*/
	background-color: #000000;
	background-size: 1000px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 12px;
	font-weight:normal;
	color: #9a9a9a;
	height: 40px;
	padding-top: 10px;
	width: 373px !important;
	margin-left: -20px;
	width: 375px;
	margin-left: -14px;
	
	/*border-radius: 1px;*/
	/*border-color: #FFFFFF;*/
	/*border-style: solid;*/
	/*border-width: 0.01em;*/
}
	
#navbar-responsive {
	display: none;
	width: 375px;
	}
	
#navigation-menue-responsive {
	width: 375px;
	margin-left: 0px;
	background-height: 100px;
  }

#Karte {
 width: 375px!important;
 height: 700px;
 background-position: center;
 display: block;
 text-align: center;
	
  }

#stationen ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: -5px;
  margin-left: -15px;
  background-color: #eaeaea;
  float: left;
  text-decoration: none;
  width:376px!important;
  height:31px!important;
  border-top-radius: 1px!important;
  border-top-color: #FFFFFF!important;
  border-top-style: solid!important;
  border-top-width: 1px!important;
	
	
	
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;
  border-left-radius: 1px!important;
  border-left-color: #FFFFFF!important;
  border-left-style: solid!important;
  border-left-width: 1px!important;
 
}

#stationen li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  /*font-size: 0.45rem;*/
  font-weight: 350;
  line-height: 1.5;
  color: #FF00FB!important;
  display: block;
  /*color: #000;*/
  padding: 8px 16px;
  text-decoration: none;
  text-align: left;
  width:375px!important;
  height:30px!important;
  background-color: #F6F6F6;
  
  /*border-left-style: aqua 5px dotted;*/
  /*border-left-radius: 5px!important;*/
  /*border-left-color: #f8aa00!important;*/
  /*border-left-style: dotted!important;*/
  /*border-left-width: 5px!important;*/
	
  padding-top:2px;
  padding-left:7px;
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;

}

/* Change the link color on hover */
#stationen li a:hover {
  background-color: #b6b5b5;
  color: white;
  text-decoration: none;
  width:375px!important;
  height:30px!important;
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;

 }

#linie {
	margin-top:-3px;
	margin-right:12px!important;
	/*margin-right:5px;*/
	margin-left:-7px;
	height:29px!important;
}
.navbar-toggler-icon {
	margin-right:-8.5px!important;
	margin-bottom:2px!important;
	text-align:center;
}
	
#on-off-left {
	width:30px;
	height:auto;
	margin-top:-2px!important;
	margin-right:-8.5px!important;
	margin-bottom:2px!important;
	margin-left: 10px!important;
}

	
#warnmeldungen-karte-streckenabschnitte {
	width:40em!important;
	height:auto!important;
	float:left!important;
}

	
}

@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}


/*--------------------------------- Mobile Version 30em --------------------------------*/

@media all and (max-width: 30em) {

/*.navbar .navbar-expand-lg .navbar-dark bg-grey {
	background-color: aqua;
	width: 300px;
  }*/
	
/* -------- Menü top Logo -------- */
#navigation-background {
   background-color: #2c2a28 !important;
   width: 375px!important;
   height: 40px!important;
   border-color: #FFFFFF !important;
   border-style: solid !important;
   border-width: 0.01em !important;
   padding-top:0px !important;
  }

/* -------- Navigation top -------- */
#navigation-top-responsive {
 display:contents;
 width: 375px!important;
 height: 40px!important;
 border-color: #FFFFFF !important;
 border-style: solid !important;
 border-width: 0.01em !important;
 padding-top:4.5px !important;
}

/* -------- Navigation top Menüpunkte -------- */
#basic-navigation {
 background-color: transparent;
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 font-size: 12px;
 float: right;
 font-color: #9a9a9a !important;
 margin-top:1px !important;
 line-height:0px !important; 
 height:0.1em !important;
}

#Spalte {
  display: flex; 
  flex-wrap: wrap;  
}
	
/*#Spalte-1  { order: 1;}
#Spalte-2-a  { order: 5;}
#Spalte-2-b  { order: 4;}
#Spalte-2-c  { order: 3;}
#Spalte-3    { order: 2;}*/

#logo-responosive  { 
	margin-left: -22px !important;
}

.vodafone-responsive { 
  transform:scale(1.3)!important;
  padding-top: 42px!important;
  padding-right: 43px;
  padding-left: 0px;
  margin-top:-103px;
  margin-right: -25px;
  text-align:right;
  float:right;
  display:inline-block;
  width: 130%!important;
  height: auto;
}

#powered-by-vodafone {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 7px;
  font-weight:normal;
  font-style:italic;
  padding-top: 55px;
  padding-right: -24px;
  padding-left: 0px;
  margin-top:-103px;
  margin-right: -25px;
  text-align:right;
  float:right;
  display:inline-block;
  width: 130%!important;
  height: auto;
}
	

	
.GPS-Vorwarnungen {
    width: 200%; 
	height: auto;
	transform: scale(1.15);
	margin-top: 20px;
	margin-bottom: 35px;
	margin-left: 28px;
  }

.warnmeldung {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	transform: scale(1.2)!important;
	
    /*font-size: 0.65em;*/
	font-size: 0.90em;
	font-weight: 500;
    line-height: 0.2;
	width: 100%;
	height: auto;
	/*height: 35px;*/
	text-align: left;
	color: #000000;
	margin-top: 36px;
	margin-left: 208px;
	margin-bottom: -35px;
	/*margin-top: 23px;*/
	/*margin-left: 80px;*/
	/*margin-bottom: -50px;*/
	line-height: 1; 
	
	
	/*--- background ---*/
	/*background: linear-gradient(to bottom, #eaeaea, #F6F7F6F6);*/
	background-color: #eaeaea;
	/*background-color: #FF00DC!important;*/
	/*background-color: linear-gradient(to top, #FFFFFF 0%, #F6F6F6 50%)*/
	width:237px!important;
    margin-top:31.5px!important;
	/*margin-top:29px!important;*/
	margin-left:106px!important;
	margin-bottom:-29px!important;
}


.GPS-Vorwarnungen-im-Detail {
	height: 250px!important;
  }	

	
.detaillierte-GPS-Vorwarnungen {
	margin-top: 20px;
	height:300px!important;
}


	
.sendertext {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*font-size: 0.65em;*/
	font-size: 0.85em;
    font-weight: 500;
	width: 100%;
	height: auto;
	text-align: left;
	color: #000000;
	margin-top: -29px;
	margin-left: 1px;
	margin-bottom: 14px;
	line-height: 1.1; 
	font-size-adjust:0.50;
}

	
/*#warnmeldung {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.49em;
    font-weight: bold;
    line-height: 0.2;
	width: 90%;
	height: 35px;
	text-align: left;
	color: #000000;
	margin-top: -25px;
	margin-left: 100px;
	margin-bottom: -50px;
	line-height: 1; 
}*/

#headline-1 {
	/*background-color: #e30613;*/
	background-color: #757575;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.2em;
    font-weight: 600;
    /*line-height: 2;*/
	/*font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	font-weight: normal;*/
	width: 375px;
	height: 40px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	/*border-width: 0.01em;*/
	padding-top:-10px!important;
	
}
	
#headline-1-B-detailliert {
	background-color: #757575;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1em;
    font-weight: 400;
    /*line-height: 2;*/
	width: 375px;
	height: 40px;

	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	/*border-width: 1px;*/
	border-width: 1px;
	padding-top:2px;
	padding-left:0px;
    margin-top:-2px!important;

    border-bottom-color: #FFFFFF!important;
    border-bottom-style: solid!important;
    border-bottom-width: 1px!important;
}
	
#headline-1-B {
	/*background-color: #e30613;*/
	background-color: #f8aa00;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.2em;
    font-weight: 600;
    /*line-height: 2;*/
	/*font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	font-weight: normal;*/
	width: 375px!important;
	height: 40px!important;
	text-align: center;
	color: #FFFFFF;
	border-radius: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	/*border-width: 0.01em;*/
	padding-top:-10px!important;
	
}

	
	
#space {
  letter-spacing:0.2px!important;
  /*letter-spacing:-0.7px!important;*/
}

#Spalte-1 { 
    width: 375px!important;
	height: 1048px!important;
}

#vorwarnungen-bg-top {
	background-color: #F6F6F6;
	width:375px!important;
	height: 1405px!important;
}

#vorwarnungen-bg {
	background-color: #F6F6F6;
	width:375px!important;
}

/*#vorwarnungen-bg-top { 
    width: 375px!important;
	height: 1400px!important;
}*/
	
#stationen { 
    width: 375px!important;
	height: 1048px!important;
}
	
/*#Spalte-1 { 
    width: 500px!important;
	padding-top: -20px;
  }*/

#Spalte-D { 
    display: none;
	padding-top: -20px;
  }

#Spalte-2-b { 
    width:375px!important;
	height: 1048px!important;
}
	
#Spalte-2-c {  
    display: none;
  }
	
#Spalte-3 {  
    width:375px!important;
	height: 2000px!important;
	display:contents!important;
    background-color: aqua;
  }
	
#navbar-responsive {
	display:none;
 }
	
#local-time {
    display:none;
 }
	
#local-time-responsive {
	/*background: url(../images/strecke_fond_webseite.png) no-repeat   center center;*/
	background-color: #000000;
	background-size: 1000px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 12px;
	font-weight:normal;
	color: #9a9a9a;
	height: 40px;
	padding-top: 10px;
	width: 373px !important;
	margin-left: -20px;
	width: 375px;
	margin-left: -14px;
	
	/*border-radius: 1px;*/
	/*border-color: #FFFFFF;*/
	/*border-style: solid;*/
	/*border-width: 0.01em;*/
}
	
#navbar-responsive {
	display: none;
	width: 375px;
	}
	
#navigation-menue-responsive {
	width: 375px;
	margin-left: 0px;
	background-height: 100px;
  }

#Karte {
 width: 375px!important;
 height: 700px;
 background-position: center;
 display: block;
 text-align: center;
	
  }

#stationen ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: -5px;
  margin-left: -15px;
  background-color: #eaeaea;
  float: left;
  text-decoration: none;
  width:376px!important;
  height:31px!important;
  border-top-radius: 1px!important;
  border-top-color: #FFFFFF!important;
  border-top-style: solid!important;
  border-top-width: 1px!important;
	
	
	
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;
  border-left-radius: 1px!important;
  border-left-color: #FFFFFF!important;
  border-left-style: solid!important;
  border-left-width: 1px!important;
 
}

#stationen li a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  /*font-size: 0.45rem;*/
  font-weight: 350;
  line-height: 1.5;
  color: #FF00FB!important;
  display: block;
  /*color: #000;*/
  padding: 8px 16px;
  text-decoration: none;
  text-align: left;
  width:375px!important;
  height:30px!important;
  background-color: #F6F6F6;
  
  /*border-left-style: aqua 5px dotted;*/
  /*border-left-radius: 5px!important;*/
  /*border-left-color: #f8aa00!important;*/
  /*border-left-style: dotted!important;*/
  /*border-left-width: 5px!important;*/
	
  padding-top:2px;
  padding-left:7px;
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;

}

/* Change the link color on hover */
#stationen li a:hover {
  background-color: #b6b5b5;
  color: white;
  text-decoration: none;
  width:375px!important;
  height:30px!important;
  border-right-radius: 1px!important;
  border-right-color: #FFFFFF!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-radius: 1px!important;
  border-bottom-color: #FFFFFF!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;

 }

#linie {
	margin-top:-3px;
	margin-right:12px!important;
	/*margin-right:5px;*/
	margin-left:-7px;
	height:29px!important;
}
.navbar-toggler-icon {
	margin-right:-8.5px!important;
	margin-bottom:2px!important;
	text-align:center;
}
	
#on-off-left {
	width:30px;
	height:auto;
	margin-top:-2px!important;
	margin-right:-8.5px!important;
	margin-bottom:2px!important;
	margin-left: 10px!important;
}

}

@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

/*-------------------------------------- Print --------------------------------------*/

/*@media print {

* {
  margin: 0;
  padding: 0;
}
  
body {
  background: #FFF;
  padding: 0 1cm;
  font: 12pt/18pt "Times New Roman", Times, serif;
}
  
#header {
  background: none;  
}
  
.callout {
  font-size: 24pt;
  margin-bottom: 18pt;
}
  
h3 {
  font-size: 18pt;
  margin-top: 21pt;
  margin-bottom: 16pt;
}
  
.break-before {
  page-break-before: always;  
}
  
#holder, #header, #content, #footer, .container {
  clear: both;
  width: 20cm;
  float: none;
}
  
#nav {
  display: none;  
}
  
#sidebar {
  margin: 20pt;
  clear: both;
  float: none;
  font-size: 18pt;
}
  
img, .img-leftfloat, .img-rightfloat {
  float: none;
  margin-bottom: 18pt;
}

h1 {   
  font-family: Georgia, "Times New Roman";
}
}*/

.rownospacing{
	margin-right: 0px;
	margin-left: 0px;
}



/*-------------------------------------- Legende --------------------------------------*/
.legende-tabelle {
	color:#9a9a9a!important;
	font-size: 0.6em!important;
	/*font-size: 0.7em!important;*/
	/*font-size: 11px!important;*/
	text-align:left!important;
	margin-left:26%!important;
	margin-right:-12px!important;
	/*margin-left:26%!important;*/
	/*margin-left:-35%!important;*/
	/*margin-left:-12.5%!important;*/
	margin-bottom:5px!important;
	/*margin-bottom:-9px!important;*/
	line-height:1em!important;
}

.legende-icon-1 {
	width:20px!important;
	height:auto!important;
	float:right!important;
	color:#9a9a9a!important;
	margin-right:3px!important;
	opacity:0.7!important;
    /*padding:-2px!important;*/
}

.legende-icon-2 {
	width:15px!important;
	height:auto!important;
	float:right!important;
	color:#9a9a9a!important;
	margin-right:5px!important;
	opacity:0.7!important;
    /*padding:-2px!important;*/
}

.legende-icon-3 {
	width:15px!important;
	height:auto!important;
	float:right!important;
	color:#9a9a9a!important;
	margin-right:5px!important;
	opacity:0.7!important;
    /*padding:-2px!important;*/
}

.legende-icon-4 {
	width:11px!important;
	height:auto!important;
	float:right!important;
	color:#9a9a9a!important;
	margin-top:-3px!important;
	margin-right:6.8px!important;
	opacity:0.7!important;
    /*padding:-2px!important;*/
}

.legende-headline {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color:#9a9a9a!important;
	text-align:left!important;
	font-size:1.1em!important;
	font-weight:400!important;
	margin-left:-5px!important;
	padding-bottom:3px!important;
	opacity:0.7!important;
}

.legende-text {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color:#9a9a9a!important;
	text-align:left!important;
	font-size:1em!important;
	font-weight:400!important;
	margin-left:-5px!important;
	padding-bottom:5px!important;
	opacity:0.9!important;
}

/*-------------------------------------- Legende --------------------------------------*/