/* Kopfzeile */
.flexContainer{
  display: flex;
  max-width: 780px;
  margin: auto;
}

.flexItem0{
  flex: 1%;
  color: #fbff00;
  background-color: black;
  font-size: 90;
}
.flexItem1{
  flex: 99%;
  color: #000d80;
  background-color: rgb(170, 170, 170);
  font-size: 40;
}

.flex0{
  flex: 30%;
  background-color: rgb(170, 170, 170,0.05);
  max-width: 200px;
}
.flex1{
  flex: 70%;
  color: black;
  background-color: rgb(170, 170, 170,0.05);
  text-align: center;
  font-size: min(3vw,20px);
}
.flex1 h1::before{
  content:"Hoecherl Storage Heidenheim";
}
.image{
  display: block;
  position: relative;
  width: 100%;
}
.headLine{
  text-align: center;
  font-size: large;
  background-color:aquamarine;
}

/* Tabelle der Einstellungen */
#tabelle{
  text-align: left;
  background-color: burlywood;
  border-width: 2px;
  border-style: dotted;
  padding: 2mm;
}
.tabValue {
  text-align: right;
  background-color: #e3fcf3;
}
.tabKey {
  text-align: left;
  background-color: #ecf1ef;
}
#tabHead {
  text-align: left;
  font-size: large;
  background-color: aquamarine;
}
.tabComment {
  text-align: left;
  background-color: #f9fcfb;
  color: darkgreen;
}
/* Tabelle der Container in der Einstiegsseite */
.tContainer th{
  padding: 10px;
  background-color: aquamarine;
}
.tContainer tr{
  padding: 5px;
  background-color: rgb(207, 211, 210);
}
.tContainer td{
  padding: 9px;
}
td.imgTabContainer{
  padding: 5px 2px;
}
.cTabSt{
  font-size: min(3.5vw,30px);
}
.cTabId{
  font-size: min(2vw,20px);
  font-family: 'Courier New', Courier, monospace;
}
.cTabC{
  font-size: min(3vw,30px);
}
.cTabF{
  font-size: min(3vw,30px);
}
.tContainer {
  border: 1px solid black;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-size: min(3vw,30px);
  max-width: 780px;
}
.cLink {
  text-align: left;
}
.imageCTab{
  width: 95%;
}
.imageCTabNoConnection{
  width: 95%;
  padding: 2px 5px;
  background-color: rgb(196, 93, 107);
}
#datum{
  font-size: min(4vw,25px);
  background-color: rgb(139, 119, 122,0.2);
	padding:4px 8px;
  border-radius:5px;
  text-decoration: none;
}
#datum:hover{
  background-color: rgb(139, 119, 122,0.2);
	border:1px solid #d6bcd6;
}

/* Knoepfe */
.reloadButton {
	box-shadow: 3px 4px 0px 0px #899599;
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;
	border-radius:5px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
  font-size: min(3vw,20px);
	padding:4px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.reloadButton:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
.reloadButton:active {
	position:relative;
	top:1px;
}