html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
}

.noscript {
	padding: 15px;
	text-align: center;
	width: 100%;
	color:red;
	background-color:yellow;
}

input.is-invalid:not(.changed) ~ .invalid-feedback {
    display: none;
}
input.is-valid:not(.changed) ~ .valid-feedback {
    display: none;
}


.action-info {
	padding: 15px;
	text-align: center;
	color:darkgreen;
	background-color:LightGray;
/* 	font-weight: bold; */
}

.action-error-info {
	padding: 15px;
	text-align: center;
	color:red;
	background-color:yellow;
}

.flex-flow-outer {
	position: relative;
	display: flex;
	flex-flow: column;
	height: 100%;	
	width: 100%;
}

.flex-flow-header {
	flex: 0 1 55px;;
}

.flex-flow-content {
	flex: 1 1 auto;
  	min-height: 0;           /* ← verhindert, dass der Enkel (klimaCanvas) die Höhe diktiert */
/*	padding-top: 15px;*/
/*	padding-bottom: 15px;*/
	padding: 5px;
	height: 100%;
	overflow-y:auto;
}

.table-btn {
	padding-top: 3px;
	padding-bottom: 3px;
}

#pw-error {
    display: none;
}