body { 
  font-family: Arial, Helvetica, sans-serif;
}

.btn-group .button {
  background-color: #FFB76C;  /* #4CAF50; /* Green */
  border: none;
  color: black;               /* ursprünglich white */
  padding: 15px 25px;  /* ursprünglich: 15px 32px;  */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  float: left;
  border-radius: 5px;    /* je größer, desto runder */
  box-shadow: 0 3px #999;	
}
.btn-group .button:hover {
  background-color: #DDEEFF; /*D0037*/
}

.btn-group .button:active {
  background-color: #A1EDC8;
  box-shadow: 0 0px #666;
  transform: translateY(3px);
}

/* -------------------------------  */
.btn-group .buttonb {
  background-color: #EEEEEE; 
  border: none;
  color: black;
  padding: 5px 5px;  /* ursprünglich: 15px 32px;  */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  cursor: pointer;
  float: left;
}

.btn-group .buttonb:hover {
  background-color: #3e8e41;
}


.jm_button {
  padding: 7px 25px;  /* oben und seitlich */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #000;
  background-color: #E6E3E1;
  border: none;
  border-radius: 50px;    /* je größer, desto runder */
  margin: 4px;
}

.jm_button:hover {background-color: #DDEEFF}

.jm_button:active {
  background-color: #3486b8; /*alt: #A1EDC8 */
  box-shadow: 0 0px #666;
  transform: translateY(3px);
}

.jm_buttonX {
  padding: 7px 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #999999;
  background-color: #F5F3F3;
  border: none;
  border-radius: 50px;    /* je größer, desto runder */
  margin: 4px;
}

.jm_buttonX:hover {background-color: #FF8198}

.jm_buttonX:active {
  background-color: #FF8198;
  box-shadow: 0 0px #666;
  transform: translateY(3px);
}

.jm_shaddowBox {
	box-shadow: 15px 15px 15px grey;
}


table.blau {
	border: 1px solid blue;
} 

table, th, tr, td {
  /* border: 0; /* 1px dotted #A1A1A1    1px solid black;   thin #70A6EB (keine Linie */
}
/* Bereich SK-Historie MM: 2025-04-01 D0025 */
.styled-table#historie {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  box-sizing: border-box;
}
/* D0036 */
.styled-table#historie input.flex[type=text]{
  width: 100%;
  box-sizing: border-box;
}
.styled-table#historie textarea{
  width: 100%;
  box-sizing: border-box;
}


.jm_button#historie
{
  margin: 4px;
  font-family: Arial, Helvetica, sans-serif;
}
.jm_button#historie:hover {background-color: #DDEEFF}


.bewertungsSelect{
  background-color: #eee;
}