/* -Allgemeines- */

h1 {
  font-size: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0%;
}

p {
  font-size: 22px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0%;
}

 div{
  
  font-family: 'Noto Sans JP', sans-serif;
}

html {
  background-color: #E6E6E6;
}

img#titelbild_startseite {
	width: 100%;
	height: auto;
}

body {
	position:absolute;
	top: 0px;
	left: 0px;
	
	
	}

a  {
	color: black;
	
	
	
	
}


.Kopfleiste_Grundlage{ 
  position: sticky;
  top:0px;
  width: 20%;
  height:75px;
  float: left;
  text-align: center;
  background: linear-gradient(0deg,#49B5FF, #49E8FF);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid white;
  text-decoration: none;
  color: white;
  font-size: 22px;
  font-family: 'Noto Sans JP', sans-serif;
  }
  
  .Kopfleiste_Grundlage:hover { 
  background: linear-gradient(0deg,#497CFF, #49C6FF);
   }
  
  
  49D1FF
  .Kopfleiste_Grundlage_pause{
  background-color:white;
  position: sticky;
  top:0px;
  width:100%;
  height:75px;
  display:flex;
  justify-content:space-between; 
  }

.Kopfleiste_Felder_pause{
  position: relative;
  width:90%;
  height: 55px;
margin: 10px;}

.Kopfleiste_Felder{
  position: relative;
  
  
  margin: 10px;}

a#kopfzeile_l1 {
 background-color: #49D1FF;
 position: relative;
 top: 15px;
 border-style: solid;
 border-width: 2px;
 border-color: #49B2FF;
 text-decoration: none;
 color: white;
 height: 55px;
 width:95%;
 border
}

a#kopfzeile_l1-pause {
 background-color: #49D1FF;
 position: relative;
 top: 15px;
 padding: 15px 20% 15px 20%;
 border-style: solid;
 border-width: 2px;
 border-color: #49B2FF;
 border-radius: 10px;
 text-decoration: none;
 color: white;
}


.Startseite_Farblinks_Gesamt{
  width:90%;
  display:flex;
  justify-content:space-around; 
  margin: auto;}
  

.Startseite_Farblinks{
	margin: 10px;}

	
img#Farblinks {
	height: auto;
	width: 100%;	
}

div#wo {
	font-size: 22px;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 3%;
}

.Fuss{
  background-color:grey;
  font-size: 12px;
  width:100%;
  display:flex;
  justify-content:space-around; 
  margin: auto;}

img#fuss {
	position: relative;
	top: 10%;
}

p#fuss {
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 5%;
  color: white;
}

a#fuss {
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 5%;	
  color: white;
}


p#ReLi {
  font-size: 30px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 3%;	
  color: black;
  text-decoration: underline;
}

p#zuruck {
  font-size: 30px;
  font-family: 'Noto Sans JP', sans-serif;	
  color: black;
  text-decoration: none;
}

a#zuruck {
  font-size: 30px;
  font-family: 'Noto Sans JP', sans-serif;	
  color: black;
  text-decoration: underline;
  margin-left: 1.5%;
}

a#ReLi {
  font-size: 22px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 3%;	
  color: black;
  text-decoration: none;
}

/* Buslisten */

p#B-Listen-Uberschrift {
  font-size: 22px;
  font-family: 'Noto Sans JP', sans-serif;
}

table, th, td, caption {
 border: 1px solid;
 border-collapse: separate;
}

th, td {
  font-weight: normal;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  
}

table#B-I-TabGes {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;
	border-collapse: collapse;
	border: 3px solid;
}
 
tr#B-I-Zeile1 {
	background: linear-gradient(0deg,#49B5FF, #49E8FF);
	/* color: white; */
	padding-top: 0px;
}

/*
p#B-I-Zeile1  {
	color: white;
} */

tr#B-I-Zeile:nth-child(even) {background-color: #CECECE;}

 
th#B-I-Spalte1 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;
}


th#B-I-Spalte2 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;

}

th#B-I-Spalte3 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;


}

th#B-I-Spalte3-4 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;
	/* border-right-color: white;
	border-left-color: white;
	border-bottom-width: 0px;
	border-top-width: 0px; */
}

th#B-I-Spalte4 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;
	/* border-right-color: white;
	border-left-color: white;
	border-bottom-width: 0px;
	border-top-width: 0px; */
}

th#B-I-Spalte5 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;

}


th#B-I-Spalte6 {
	width: auto;	
	font-family: 'Noto Sans JP', sans-serif;
	padding-top: 4px;
}

th#B-I-Spalte6-1 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;

}


th#B-I-Spalte0 {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;

}


table#Empfehlung-gesamt {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;
	border-collapse: collapse;
	border: 3px solid;
}

tr#Empfehlung-Spalte1 {
	background: linear-gradient(0deg,#49B5FF, #49E8FF);
}

tr#B-Zeile1 {
	background-color: #CECECE;
}


tr#B-Zeile:nth-child(odd) {
	background-color: #CECECE;
}

table#B-TabGes {
	width: auto;
	font-family: 'Noto Sans JP', sans-serif;
	border-collapse: collapse;
	border: 2px solid;
}

p#b-bilderunterschrift {
	width: 70%;
	margin-top: 0;
	margin-left: 5%;
	border: 2px solid black;
	color: black;
	
}

.b-bilder-beschriftung {
  position: relative;
}
.b-bilder-beschriftung img {
  display: block;
}
.b-bilder-beschriftung span#BSchriftleft {
  position: absolute;
  vertical-align: 4%; 
  color: white;
  height: 1.8vw;
  border-top: 1px solid white;
  background: black;
  background-color: black; 
  font-size: 1vw;
  font-family: 'Noto Sans JP', sans-serif;
  float: left;
  margin-left: 5%; 
  width: 34%; 
  text-align: left; 
  padding-left: 1%;
}

.b-bilder-beschriftung span#BSchriftright {
  position: absolute;
  vertical-align: 4%; 
  color: white;
  height: 1.8vw;
  border-top: 1px solid white;
  background: black;
  background-color: black; 
  font-size: 1vw;
  font-family: 'Noto Sans JP', sans-serif;
  float: left;
  margin-left: 40%; 
  width: 34%; 
  text-align: right; 
  padding-right: 1%;
}



/* Das Kontaktformular */ 
form {
  background: linear-gradient(0deg,#49B5FF, #49E8FF);
  width: 50%; /* Breite des Formulars */
  margin-left: 5%;
  padding: 5%;
  border: 2px solid black;
  font-size: 22px;
  font-family: 'Noto Sans JP', sans-serif;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender, textarea {
  width: 80%;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 7em;
}
input:focus, textarea:focus {
  background-color: #d9d9d9;
}


#SeitefurAktualisierungen {
margin-left: 3%;
width:97% ;}
.aktualisierungskasten { float: left; margin-right: 1%; width: 47%; background-color: white;  border: 2px solid black; }
.suchekasten  {margin-left: 1%; margin-right: 0%;}
.clear { clear: both; }


/* - Bahnseiten - */

.KopfleisteBahn_Grundlage{ 
  position: sticky;
  top:0px;
  width: 20%;
  height:75px;
  float: left;
  text-align: center;
  background: linear-gradient(0deg,#E00000, #F70000);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid white;
  text-decoration: none;
  color: white;
  font-size: 22px;
  font-family: 'Noto Sans JP', sans-serif;
  }
  
  .KopfleisteBahn_Grundlage:hover { 
  background: linear-gradient(0deg,#B50000, #E00000);
   }
  
  tr#B-I-ZeileBahn1 {
	background: linear-gradient(0deg,#E00000, #F70000);
	padding-top: 0px;
}