/* beta-test für app_*.* */

.divbtn { display:flex; width: 200px; height: 60px; padding: 0.25em 0.25em 0.25em 0.25em; margin: 1px 1px 1px 1px;}
.divbtn img { width: 30px; height:auto;}
.btnthe { padding: 0 0 0 5px; width: 100%; text-align: center; color: #070707; }
.inact{ color: #CCCCCC; }

/* button font */
.sbft { font-family: "Arial"; font-size: 10pt; }

.stnorm { color: #0070D0; }
.stblau { color: #0070D0; }
.stgrau { color: #707070; }
.strot { color: #FF0000; }
.stgreen { color: #799E1A; }
.stamt1 { color: #FF7F27; }
.stamt2 { color: #C00000; }

/* botton form */
.sbhr { width: 175px; border-radius: 5px; padding: 1px 1px 1px 0px; margin: 1px 1px 1px 0px;}

/* button border */
.sbl_norm { border: 1px solid #000000; }
.sbl_blau { border: 1px solid #0070D0; }
.sbl_rot { border: 1px solid #FF0000; }
.sbl_grau { border: 1px solid #707070; }
.sbl_green { border: 1px solid #799E1A; }
.sbl_amt1 { border: 2px solid #FF7F27; }
.sbl_amt2 { border: 2px solid #C00000; }

/* button icon size */
.sbics { width: 15px; height: 15px; margin: 0.1em 0.5em 0 0; }
.sbihs {  width: auto; height: 15px; margin: 0.1em 0.5em 0 0; }

/* aktuell produktiv im Einsatz*/
.sc_block {
 font-family: "Arial";
 font-size: 10pt;
}

.img_btn_2 {
  width: 15px;
  height: 15px;	
}

.sc_button_2 {
  width: 175px;
  color: #707070;
  border: 1px solid #707070;
  border-radius: 5px;
}

.sc_button_2_blau { 
  width: 175px;
  color: #0070D0;
  border: 1px solid #0070D0;
  border-radius: 5px;
}

.sc_button_2_grau { 
  width: 175px;
  color: #0070D0;
  border: 1px solid #D0D0D0;
  border-radius: 5px;
}

.sc_button_2_inakt { 
  width: 175px;
  color: #D0D0D0;
  border: 1px solid #D0D0D0;
  border-radius: 5px;
}

.sc_button_2_obso { 
  width: 175px;
  color: #707070;
  border: 1px dashed #D0D0D0;
  border-radius: 5px;
}

.sc_button_2_amt { /* wichtig, hervorgehoben darstellen */
  width: 175px;
  color: #C00000; 
  border: 2px solid #FF7F27; 
  border-radius: 5px;
}
 
.sc_button_2_green { 
  width: 175px;
  color: #799E1A;
  border: 1px solid #799E1A;
  border-radius: 5px;
}

	.freestyle-button {
	  font-size: 0.8em;	
      border: none;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 8px;
      transition: background-color 0.3s;
      }
	.freestyle-button:hover {
	  box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2); /* Schatten-Effekt */
	  /* Die box-shadow-Eigenschaft besteht aus den folgenden Werten:
		 3px: horizontale Verschiebung des Schattens
		 4px: vertikale Verschiebung des Schattens
		 8px: Unschärferadius des Schattens
		 rgba(0, 0, 0, 0.2): Farbe des Schattens mit Transparenz
	  */
      }  
	
    .free-consultation-button {
      background-color: #28a745;
	  color: white;
      border: none;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 8px;
      transition: background-color 0.3s;
      }

    .free-consultation-button:hover {
      background-color: #218838;
	  box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.2); /* Schatten-Effekt */
	  /* Die box-shadow-Eigenschaft besteht aus den folgenden Werten:
		 3px: horizontale Verschiebung des Schattens
		 4px: vertikale Verschiebung des Schattens
		 8px: Unschärferadius des Schattens
		 rgba(0, 0, 0, 0.2): Farbe des Schattens mit Transparenz
	  */
      }