/* Block ohne Grid */
form-block {
  	display:block;    
}

/* Block ohne Grid */
form-block-normal {
	display: block;  
}  

/* Block mit Controls in einer Zeile */
form-block-line {
	display: inline-block;  
}  

/* Block einer Html Datei */
form-block-html {
  	display:block;
  	padding-left: 10px;
  	padding-right: 10px;       
}


/* Spalten der Blöcke */
@media (min-width: 0em) { 	
  	form-block-col-1 {
    	display: grid;  
    	grid-template-columns: 1fr;
    	grid-column-start: auto;
  	} 
  	form-block-col-2 {
    	display: grid;  
    	grid-template-columns: 1fr;
    	grid-column-start: auto;
  	}  
  	form-block-col-3 {
    	display: grid;  
    	grid-template-columns: 1fr;
    	grid-column-start: auto;
  	} 
	form-block-yes-no {
    	display: grid;  
    	grid-template-columns: 1fr 8em;
    	grid-column-start: auto;
  	} 
	  form-block-done {
    	display: grid;  
    	grid-template-columns: 1fr 2.3em;
    	grid-column-start: auto;
  	} 
  	form-block-col-25C,
	form-block-col-33C,
	form-block-col-40C {
    	display: grid;  
    	grid-template-columns: 1fr;
    	grid-column-start: auto;
  	} 	
  	form-block-col-C25, 
	form-block-col-C33,
	form-block-col-C40 {
    	display: grid;  
    	grid-template-columns: 1fr;
    	grid-column-start: auto;
  	} 	 
}

@media (min-width: 30em) {
  	form-block-col-1 {
    	display: grid;  
    	grid-template-columns: 1fr;
    	grid-column-start: auto;
  	} 
  	form-block-col-2 {
    	display: grid;  
    	grid-template-columns: repeat(2, 1fr);
    	grid-column-start: auto;
  	} 	 	
  	form-block-col-3 {
    	display: grid;  
    	grid-template-columns: repeat(3, 1fr);
    	grid-column-start: auto;
  	}  
	form-block-yes-no {
    	display: grid;  
    	grid-template-columns: 1fr 8em;
    	grid-column-start: auto;
  	} 
	form-block-done {
    	display: grid;  
    	grid-template-columns: 1fr 2.3em;
    	grid-column-start: auto;
  	}  	  
  	form-block-col-25C {
    	display: grid;  
    	grid-template-columns: 1fr 25%;  
    	grid-column-start: auto;
  	}  
	  form-block-col-33C {
    	display: grid;  
    	grid-template-columns: 1fr 33.33%;  
    	grid-column-start: auto;
  	}  
	  form-block-col-40C {
    	display: grid;  
    	grid-template-columns: 1fr 40%;  
    	grid-column-start: auto;
  	}  
  	form-block-col-C25 {
    	display: grid;  
    	grid-template-columns: 25% 1fr; 
    	grid-column-start: auto;
  	}  
	  form-block-col-C33 {
    	display: grid;  
    	grid-template-columns: 33.33% 1fr; 
    	grid-column-start: auto;
  	} 
	  form-block-col-C40 {
    	display: grid;  
    	grid-template-columns: 40% 1fr; 
    	grid-column-start: auto;
  	} 	
}


/* Abstand Klein */
.form-space-small {
  	padding-top: 0.25em;
}


/* Abstand Normal */
.form-space-normal {
  	padding-top: 0.5em;
}


/* Abstand Mittel */
.form-space-medium {
	padding-top: 1.0em;
}


/* Abstand Groß */
.form-space-large {
  	padding-top: 1.5em;
}


/* Abstand Sehr Groß */
.form-space-x-large {
  	padding-top: 2em;
}


/* Tabulator Normal */
.form-tab-normal {
	padding-left: 1.0em;
}