/*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*/  

/*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-size: 0.8rem;
   color: black; }
     	
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
   font-size: 0.8rem;
   color: hsl(0, 0%, 29%); }

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder, .select select::-webkit-input-selected {
    font-size: 0.8rem;
    color: hsl(0, 0%, 29%); }

.vizTooltip {
            position: absolute;
            text-align: center;
            width: 60px;
            height: 28px;
            padding: 2px;
            font: 12px sans-serif;
            background: lightsteelblue;
            border: 0px;
            border-radius: 8px;
            pointer-events: none;
        }