div.busy { 
  position:absolute;
  top: 40%;
  left: 50%;
  margin-top: -100px;
  margin-left: -50px;
  display:none;
  background: rgba(230, 230, 230, .8);
  text-align: center;
  padding-top: 20px;
  padding-left: 30px;
  padding-bottom: 40px;
  padding-right: 30px;
  border-radius: 5px;
}
.legend {
	height: 140px !important;
}
.boxPlotSingle {
	height: 600px !important;
}
.lowFlowPlot {
	height: 300px !important;
}
.spaghettiPlot {
	height: 600px !important;
}
.piePlot {
	height: 220px !important;
}
.pieSkillPlot {
	height: 40px !important;
}
.boxPlotMeteo {
	height: 500px !important;
}
.mb-4 {
	margin-bottom: 16px;
}
.inline-label {
      float: left;
      margin-right: 10px;
}

#text_Testbetrieb{
	color: red;
	}
#text_internInfo1{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	}	
#text_internInfo2{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	}
#text_internInfo3{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	}	
/* Tooltip css for Darstellung	
/* Tooltip für BASIS (erster Radiobutton) */
.shiny-options-group .radio-inline:nth-of-type(1) {
  position: relative;
}

.shiny-options-group .radio-inline:nth-of-type(1)::after {
  content: 'Einfache Darstellung der Vorhersage mit der Verteilung der historischen Beobachtungen im Hintergrund';
  position: absolute;
  left: 0;
  top: 120%;
  background: #BCD9F3;
  color: #002B54;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 10;
}

.shiny-options-group .radio-inline:nth-of-type(1):hover::after {
  opacity: 1;
}


/* Tooltip für PROFI (zweiter Radiobutton) */
.shiny-options-group .radio-inline:nth-of-type(2) {
  position: relative;
}

.shiny-options-group .radio-inline:nth-of-type(2)::after {
  content: 'Detaillierte Darstellung mit 3 Boxplots inkl. optionaler Niedrigwasserjahre (2018, 2022)';
  position: absolute;
  left: 0;
  top: 120%;
  background: #BCD9F3;
  color: #002B54;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 10;
}

.shiny-options-group .radio-inline:nth-of-type(2):hover::after {
  opacity: 1;
}