/*-PHP Seite: setting, version, ----------------*/


.INFO_ROW {
		margin: 					0 0 2vh 0;
		padding: 					2vh 2vh 0 2vh;
		
		border-width:      			1vh;
		border-style:     	  		solid;
		border-color:       		#3093c7;
		border-radius:				2vh;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
}

.INFO_ROW .ROW {
	border: 						0px solid red;
	
	margin-bottom:					2vh;
	
	display:						flex;
	align-items: 					center;
}

.INFO_ROW .ROW .button {
	border: 						0px solid green;
	
	width:							20%;
	
	
	display:						flex;
	justify-content: 				space-around;
}

.INFO_ROW .ROW .button .email,
.INFO_ROW .ROW .button .push {
	width:							40%;
}
.INFO_ROW .ROW .text {
	border: 						0px solid yellow;
	
	text-indent: 					0vw;
	line-height: 					3.5vh;
	font-size:						3.5vh;
}

/*-Buttons------------------*/
	#btn_on {
		border-style:     	  		inset;
	}
	#btn_off {
		border-style:     	  		outset;
		background-image: 			url(''), linear-gradient(to bottom, #AAAAAA, #133d5b);
	}
	
	#btn_off:active,
	#btn_off:focus,
	#btn_on:active, 
	#btn_on:focus {
		
		border-width:      			0.5vh;
		border-style:     	  		outset;
		border-color:       		#FF8000;
		/* Rahmen nach innen */
		-webkit-box-sizing: 		border-box;
		-moz-box-sizing: 			border-box;
		box-sizing: 				border-box;
	}

/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/

/*-Config------------------*/
	.info_config {
		width:						100%;

  		display: 					flex;
		flex-direction:				column;
  		align-items: 				center;
  		justify-content: 			center;

		margin: 					0 0 0 0;
		padding: 					2vh;
	
		border-width:      			1vh;
		border-style:     	  		solid;
		border-color:       		#3093c7;
		border-radius:				2vh;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.info_config .line {
		width:						100%;
		height:						calc(var(--height) / 10);

		margin: 					calc(var(--height) / 200) 0 calc(var(--height) / 200) 0;

  		display: 					flex;
  		align-items: 				center;
  		justify-content: 			center;

		border: 					0px solid green;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.info_config .line .links {
		width:						20%;
		height:						100%;

  		display: 					flex;
  		align-items: 				center;
  		justify-content: 			space-around;

		border: 					0px solid red;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.info_config .line .rechts {
		width:						80%;
		height:						100%;
		
		margin-left:				calc(var(--height) / 20);

  		display: 					flex;
  		align-items: 				center;
  		justify-content: 			flex-start;

		border: 					0px solid red;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.info_config .line .rechts .input{
		width:						calc(var(--height) / 5);
		border: 					0px solid brown;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	
	.info_config .line .rechts .speichern{
	  	display: 				flex;

  		align-items: 				center;
  		justify-content: 			center;
		
		border: 					0px solid yellow;
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}

	.input_info_alarmtemp {
		width:						calc(var(--height) / 20);
		
		margin-left: 				calc(var(--height) / 200);

		font-weight: 				normal;
		font-family:				Helvetica;
		font-style: 				normal;
		font-variant: 				normal;
		letter-spacing:				0vh;
		color: 						#FFFFFF;

		background-color:			rgba(102, 255, 255, 0.3);

  		border-width:      			0.0vh;
		border-style:     	  		outset;
		border-color:       		#FFFFFF;
	}



/*-Loggbuch------------------*/
	.setting_info {
		width:						100%;
		height:						calc(var(--height) / 4);

		margin: 					calc(var(--height) / 30) 0 calc(var(--height) / 30) 0;
		padding: 					0 0 0 0;

		line-height: 				calc(var(--height) / 20);
		font-size:					calc(var(--height) / 25);

  		display: 					flex;
		flex-direction:				column;
  		align-items: 				center;
  		justify-content: 			center;

		border-width:      			calc(var(--height) / 250);
		border-style:     	 	 	solid;
		border-color:       		#3093c7;
		border-radius:				calc(var(--height) / 50);
		/* Rahmen nach innen */
  		-webkit-box-sizing: 		border-box;
  		-moz-box-sizing: 			border-box;
  		box-sizing: 				border-box;
	}
	.loggbuch_titel {
		line-height: 				calc(var(--height) / 25);
		font-size:					calc(var(--height) / 35);
		margin: 					calc(var(--height) / 250);
	  	display: 					flex;
		flex-direction:				column;
  		align-items: 				center;
  		justify-content: 			center;
		}
	.loggbuch {
		line-height: 				calc(var(--height) / 25);
		font-size:					calc(var(--height) / 35);
	}