p.ergebnis {
	size: 1.8em;
	font-weight: bold;
}
h4.ergebnis {
	size: 2em;
	color: darkgrey;
}
.header {
	background-image:  url('images/background.jpg');
	background-size: cover;
	background-position:  center;
	position: relative;
}

.toggle label {
	position: relative;
	display: inline-block;
	width: 10em;
	height: 3.5em;
  }
  
  .toggle input {
	display: none;
  }
  
  .toggle  .slider {    /* Grundfläche */
	position: absolute;
	cursor: pointer;
	top: 1.5em; 
	left: 3.0em;
	width: 3.5em;
	height: 1.5em;
	background-color: #c32e04; /* red */
	transition: all .3s ease-in-out;
	border-radius: 1em;  
  }
  
  .toggle  .slider:before {  /* verschiebbarer Button */
	position: absolute;
	content: "";
	height: 1.1em;
	width: 1.1em;
	left: 0.2em;
	bottom: 0.2em;
	background-color: white;
	border-radius: 50%;
	transition: all .3s ease-in-out;
  }
  
  .toggle input:checked + .slider {
	background-color: #5a9900; /* green */
  }
  
  .toggle input:focus + .slider {
	background-color:pink;	
	box-shadow: 0 0 1px #5a9900;
  }
  
  .toggle  input:checked + .slider:before {
	transform: translateX(1.9em);
  }
  
  .text  .slider:after {  /* Text vor dem FlipFlop-Schalter */
	position: absolute;
	content: "NEIN";
	color: #c32e04;
	font-weight: bold;
	height: 1.6em;
	left: -2.8em;
	bottom: 0em;
  }
  
  .text input:checked + .slider:after {  /* Text hinter dem FlipFlop-Schalter */
	position: absolute;
	content: "JA";
	color: #5a9900;
	left: 4.1em;
  }