@charset "utf-8";
/******* einheitenrechner *********/

/* liste mit auswahl der analyte */
div.einheit_auswahl {
    float: left;
    height: 400px;
    z-index: 7;
	margin-top: 2px;
	margin-left: 6px;
}
/* positionierung des pfeiles zum laden eines analyten in den rechner */
div.einheit_pfeil {
    float: left;
	margin: 182px 30px 180px 34px;
    height: 39px;
    z-index: 7;
}
/* positionierung der pfeile f�r das rechnen */
div.calc-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 24px;
}
div.calc-calc {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}
div.calc-pfeile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}
div.calc-pfeile a, div.calc-pfeile a img {
	display: block;
}
div.calc-line {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
div.calc-line input {
	flex: 1;
}
div.einheit_rechne_pfeile {
	position: absolute;
	left: 660px;
	top: 455px;
	z-index: 8;
}
/* positionierung des rechners */
div.einheit_rechner_einzel {
	position: absolute;
	left: 57px;
	top: 265px;
	z-index: 7;
	width: 300px;
}
div.einheit_rechner {
	margin: 24px 0;
  z-index: 7;
	background-color: #f4f4f4;
  --card-text-color: #555;
  color: var(--card-text-color);
  border-radius: 10px;
  padding: 20px;
  font-size: 20px;
	line-height: 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
/* �bershrift des rechners */
div.einheit_rechner_header {
	font-size: 20px !important;
	font-weight: bold;
	--card-text-color: #c92f76;
	font-family: "SuisseIntl-Bold","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
@supports (-webkit-text-fill-color: transparent) {
  div.einheit_rechner_header {
    background-image: linear-gradient(45deg, #c92f76, #e55e00);
  }
}
@supports (-webkit-text-fill-color: transparent) {
  div.einheit_rechner_header {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
/* die rechnerbox */
div.einheit_rechner_box {
	font-size: 20px;
}
/* die buchstabenauswahl*/
div.einheit_buchstaben {
	padding-left:3px;
	padding-right:3px;
	padding-top:5px;
	padding-bottom:5px;
	background:#003366;
	border:1px solid #003366;
	border-bottom:0px;
}
div.umrechnungsbox {
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	background: White;
	border: 1px #003365 solid;
	width: 265px;
	height: 300px;
}
/* die buchstaben */
input.botton{
	font-size: 20px;
	width: 17px;
	height: 17px;
	padding-top: 0px;
	padding-bottom: 3px;
    padding-left:4px;
	border: thin solid;
	border-color: #003366;
	border-width: 1px;
	border-right: 0px;
	background-color: #003366;
	color: white;
}
input.botton_r{
	font-size: 20px;
	width: 17px;
	height: 17px;
	padding-top: 0px;
	padding-bottom: 3px;
    padding-left:4px;
	border: thin solid;
	border-color: #003366;
	border-width: 1px;
	background-color: #003366;
	color: white;
}
/* feld f�r wertein- und ausgabe */
input.eingabefeld{
	width:110px;
	font-size:20px;
	text-align:right;
	padding-right:4px;
	box-sizing: border-box;

  display: inline-block;
  background: white;
  box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  border-radius: 0px;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 2px solid #e7e7e7;
  font-family: "SuisseIntl-Regular";
  font-size: 20px;
  color: #444444;
  letter-spacing: 0;
  height: 40px;
}
/* select der einheiten */
select.einheitenwahl{
	width:120px;
	border:1px var(--vaadin-border-color) solid;
	font-size:20px;
	border-radius: var(--vaadin-radius-m);
}
select.auswahlliste {
	width:248px;
	border:1px #003365 solid;
	font-size:20px;
	font-family: "SuisseIntl-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:#ffffff;
}
/* ausgabe unter der liste */
.einheitart{
	font-size:14px;
	font-weight:bold;
	margin-bottom:40px;
	margin-top:450px;
}
/* �berschriften im rechner - faktoren, konventionell, rechne usw. */
.beschriftung {font-size: 20px; letter-spacing: 1px;
  text-transform: uppercase;}
/* label - faktor */
.lbl_faktor{
	padding-bottom:3px;
	font-size:20px;
}
/* der faktor */
.faktor {
	font-weight:normal;
	font-size:18px;
}


input.input_text{
	font-size:14px;
         height:15px;
         border:thin solid;
         border-color:#003365;
         border-width:1px;
         padding:2px;
}
td.login_header{
	white-space: nowrap;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FFFFFF;
	border-bottom: 0px;
	border-left: 0px;
	border-right:0px;
	border-top: 0px;
	border-style: solid;
	border-color: #FFFFFF;
	background: #003366;
}
/********************************* copyright central media 2008 *****************************************************/