div[class*="UnterMenuKlimasImg"] {
position: absolute;
width: 62px;
height:62px;
}

.UnterMenuKlimasText {
position: absolute;
top: 17px;
left: 80px;
font-size:24px;
vertical-align:middle;
font-family: Arial;
color: #5a566d;
}

div[class*="UebersichtenKlimas"] {
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	-webkit-border-radius:0 2px 2px 0px;
	-moz-border-radius:0 2px; 2px 0px;
	border-radius:0 2px; 2px 0px;
}

.MainKlimaMitFanCoil {
	  border-radius: 5px;
	  border: 3px solid #fad008;
	  width: 200px;
	  height: 155;
  box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */
background: #ffffff5e;
}

.FanCoilMode {
		position: absolute;
	font-family: Arial;
	font-size:20;
	 border: 3px solid #fad008;
	 width: 128px;
	 height: 40px;
	text-align: center;
	top: 10px;
	background: hsl(10deg 100% 50% / 53%);

  display: flex;
  justify-content: center;
  align-items: center;
  left: 10px;
    border-radius: 5px;
}

.KlimaInfoMitFanCoil {
	position: absolute;
left: 160px;
top: 2px;
width: 40px;
height:40px;

	 border-radius: 10px;
}

.FanCoilMode1 {
	position: absolute;
	font-family: Arial;
	font-size:20;
	 border: 3px solid #fad008;
	 width: 40px;
	 height: 40px;
	text-align: center;
	top: 100px;
	background: hsl(10deg 100% 50% / 53%);
  display: flex;
  justify-content: center;
  align-items: center;
  left: 10px;
   border-radius: 5px;
}

.FanCoilMode2 {
	position: absolute;
	font-family: Arial;
	font-size:20;
	 border: 3px solid #fad008;
	 width: 40px;
	 height: 40px;
	text-align: center;
	top: 100px;
	background: #fad00852;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 78px;
  opacity: 0.5;
   border-radius: 5px;
}

.FanCoilMode3 {
	position: absolute;
	font-family: Arial;
	font-size:20;
	 border: 3px solid #fad008;
	 width: 40px;
	 height: 40px;
	text-align: center;
	top: 100px;
	background: #fad00852;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 144px;
    opacity: 0.5;
     border-radius: 5px;
}


.KLIMASLIDERMitFanCoil {
touch-action: none;

    width:130px;
    height:33px;
  border-radius: 40px;
   background: transparent url(../graphics/SliderTemp.png);
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

    display:inline-block;
    position:absolute;
    -webkit-appearance:none;
    opacity: 0.7;
    margin-top: 10px;
    margin-top: 60px;
    margin-left: 10px;

}

.KLIMASLIDERMitFanCoil::-webkit-slider-thumb
{
 -webkit-appearance: none;
  border: 1px solid #fad008;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #ffffff;
  margin-top: -1px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #fad008, 1px 1px 1px #000000; /* Add cool effects to your sliders! */
    opacity: 0.9;

}


.KLIMASLIDER {
touch-action: none;

    width:130px;
    height:33px;
  border-radius: 40px;
   background: transparent url(../graphics/SliderTemp.png);
  margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

    display:inline-block;
    position:absolute;
    -webkit-appearance:none;
    opacity: 0.7;
    margin-top: 10px;
    margin-top: 24px;
    margin-left: 33px;

}



.KLIMASLIDER::-webkit-slider-thumb
{
 -webkit-appearance: none;
  border: 1px solid #fad008;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #ffffff;
  margin-top: -1px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #fad008, 1px 1px 1px #000000; /* Add cool effects to your sliders! */
    opacity: 0.9;

}

div[class*="FEUCHTEIST"] {
display: none ;
position: absolute;
width: 62px;
height:62px;
}

div[class*="TEMPSOLL"] {
display: none;
font-family: Arial;
}


div[class*="TEMPIST"] {
display: none;
font-family: Arial;
}

.KlimasBeschreibung {
font-family: Arial;
width: 130px;
}


.KlimaInfo {
position: absolute;
left: 75px;
top: -25px;
width: 42px;
height:42px;
}