/*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*/
.buttonlist{			/*für resposible Buttonleiste*/
   display: flex; 
   flex-flow: row wrap;
   justify-content: flex-start; }
 
.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%); }

.buttonlist img { 		/*für Icongröße in Buttonleiste*/
    height: 1.2rem; 
    width: auto; 			
    padding: 0rem 0rem 0rem 0.1rem; } 	/*für Padding: ob re un li*/	

/*Selektionsfelder-Formular*/
.panel-tabs {			/*für PanelTab-Zeile (= Funktionsfeldzeile)*/
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
   margin-left: 0%;
   padding: 1rem 0rem 1rem 1rem; }  /*für Padding: ob re un li*/  
   
   
.label-container, .button-label { /*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*/
   min-width: 25.0em; }

.button {			/*für Button-Bezeichner-Ausrichtung*/
   display: flex;
   justify-content: left; }