/*dateispezifische Basics*/
.hero-body { margin-left: 1.5em; } /*Abstand zum Burger-Button*/

.title, .subtitle {		/*für Seitentitel*/
   margin-left: 0.4em;
   margin-top: 0%; }
   
.card {				/*für Cardposition, -style*/
   display: flex;
   flex-flow: column;
   margin-left: 0em;		/*1.5em bei farbigem Hintergrund*/
   margin-top: 0em;  		/*-1.2em bei farbigem Hintergrund*/
   box-shadow: none; }
   
/*Buttonleiste, Legende*/
.legende { 					/*für Berichtslegende*/
   margin-left: 0.15em;
   padding: 0.4rem 0.4rem 0.4rem 0.4rem; } 	/*für Padding: ob re un li*/  

.feldname {
   color: hsl(0, 0%, 29%); }

/*Tabs, Selektionsfelder-Formular*/  
.label-container { 		/*für Responsibility der Eingabefelder*/
   display: flex;
   justify-content: left;
   background: inherit;	
   min-width: 10.0em; }

.label {			/*für Selektionsfeld-Bezeichner*/
   font-family: sans-serif; 
   font-weight: normal; 
   font-size: 2rem;
   margin-left: 1.0em;
   margin-top: 0.4em; }

.control-new { 			/*für einheitliche Controlbreite*/
   width: 17.0em;	
    }

.tabs {		
   font-family: sans-serif; 
   font-weight: normal; }

.tabs {				/*für Tab-Namen*/
   font-size: 2rem; }
   
.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
   /*font-family: sans-serif;*/
   font-size: 0.8rem;
   color: black /*rgba(54, 54, 54, 0.3)*/; }
     	
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
   /*font-family: sans-serif;*/
   font-size: 0.8rem;
   color: black /*(54, 54, 54, 0.3);*/; }