/* CSS fuer muc-labs - Forms Felder mit Grid */

.formcontainer{
	display: flex;
	margin: 10px;
	padding: 15px;
	background-color: ivory;
	justify-content: center;
	align-items: center;
}

.container {
display: flex;
margin: 10px;
padding: 15px;
background-color: ivory;
justify-content: center;
align-items: center;
}
  .myForm > * {
   font: 14px Arial, sans-serif; 
  }
  .myForm {
    display: grid;
    grid-template-columns: [labels] auto [controls] 1fr;
    grid-auto-flow: row;
    grid-gap: .8em .5em;
    background-color: beige;
    padding: 1.2em;
    width: 40em;
  }
  .myForm > label,
  .myForm > fieldset  {
	font: 14px Arial, sans-serif;
    grid-column: labels;
    grid-row: auto;
  }
  .myForm > input, 
  .myForm > select,
  .myForm > textarea,
  .myForm > button {
	font: 14px Arial, sans-serif;
    grid-column: controls;
    grid-row: auto;
    padding: .4em;
    border: 0;
  }
  .myForm > textarea {
    grid-column: span 2;
  }  
  .myForm > fieldset {
    grid-column: span 2;
  }  
  .myForm > button {
    background: darkkhaki;
    color: white;
    }
  .myForm > textarea {
    min-height: 3em;
    }
	.myFormTable {font: 14px Arial, sans-serif; border-spacing: 20px 10px;}
	.infor_sm 	{grid-column: span 2; font: 12px Arial, sans-serif; font-size: 12px; color: black;}
	.impotxt 	{grid-column: span 2; color: gray; font: bold 18px Arial, sans-serif;}
	.infor 		{grid-column: span 2; color: red; font: 14px Arial, sans-serif; font-size: 14px; }
	.infor_gray {grid-column: span 2; color: gray; font: 14px Arial, sans-serif; font-size: 14px; }
	.ftitel 	{grid-column: span 2; color: gray; font: bold 18px Arial, sans-serif;}
	.ftitel_sm 	{grid-column: span 2; color: gray; font: bold 16px Arial, sans-serif;}
	.ftitelr 	{grid-column: span 2; color: OrangeRed; font: bold 18px Arial, sans-serif;}