/* indie-flower-regular - latin */
@font-face {
  font-family: 'Iris2';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/indie-flower-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/indie-flower-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/indie-flower-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/indie-flower-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/indie-flower-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/indie-flower-v11-latin-regular.svg#IndieFlower') format('svg'); /* Legacy iOS */
}
	/* open-sans-regular - latin */
@font-face {
  font-family: 'Iris1';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
  

	body {
  		text-align: center;
		color: red;
		font-family: 'Iris1' ;
		font-size: 40px;
	} 
	
	* { box-sizing: border-box; }
	
	.header{
		width: 1000; 
		height: 120;
		left: 50%;
		position: fixed;
		margin-left: -500;
		overflow: hidden;
		top: 0;
		z-index: 9;
		border: solid black 0px;
	}
	
	.inhalte{ 
		position:absolute;
		width: 1000;
		left: 50%;
		margin-left: -500;
		height: 45%;
		top: 125;
		border: solid black 0px;
		color: black;
	}
	
	.textmenü{
		position: absolute; 
		font-family: 'Iris2' ;
		top: 10; 
		width: 160; 
		height:44;
		box-shadow: 10px 20px 30px grey; 
		font-size:32; 
		color:black;
		background-color:oldlace;
	}

	.textfeld{
		position: absolute; 
		left: 800; 
		width: 120; 
		height:27;
		font-size:25; 
		color:black;
		background-color:white;
	}

	.textfeld1{
		position: absolute;
		width: 800;
		top: 50%;
		left: 25%; 
		height:100;
		text-align: left; 
		font-size:17; 
		color:black;
		background-color:white;
		
	}

	.filter{
		position: absolute;
		width: 160;
		left: 10; 
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		background-color:white;
		box-shadow: 10px 20px 30px grey; 
	}

	.filter:nth-child(1) {top: 0;}
	
	.filter:nth-child(2) {top: 40;}
	.filter:nth-child(3) {top: 70;}
	.filter:nth-child(4) {top: 100;}
	.filter:nth-child(5) {top: 130;}
	.filter:nth-child(6) {top: 160;}
	.filter:nth-child(7) {top: 190;}
	.filter:nth-child(8) {top: 220;}
	.filter:nth-child(9) {top: 250;}
	.filter:nth-child(10) {top: 280;}
	.filter:nth-child(11) {top: 310;}
	
	.filter:nth-child(12) {top: 350;}
	.filter:nth-child(13) {top: 380;}
	.filter:nth-child(14) {top: 410;}
	.filter:nth-child(15) {top: 440;}
	
	.filter:nth-child(16) {top: 480;}
	.filter:nth-child(17) {top: 510;}
	
	.filter:nth-child(18) {top: 550;}
	.filter:nth-child(19) {top: 580;}


	.eingetragen{
		position: absolute;
		width: 160;
		top: 50%;
		left: 10; 
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		background-color:white;
		
		box-shadow: 10px 20px 30px grey; 
	}

	.fragefeld1{
		position: absolute; 
		top: 0;
		left: 150; 
		width: 700; 
		height:27;
		font-size:22; 
		color:black;
		background-color:white;
	}
	
	.antwortfeld {
		position: absolute; 
		left: 500; 
		top: 500; 
		width: 450; 
		height:450;
		font-size:17;
		border: 0px solid #CCC;
		display: flex;
		align-items: center;
		text-align: left;
		
	}	

	.Antwortgrafik {
		position:absolute;
		top:500;
		left:0;
		width:450;
		height:450;
		display: flex;
		align-items: center;
		border: 0px solid #CCC;
	}	
	
	.fragefeld2{
		position: absolute; 
		top: 1000;
		left: 150; 
		width: 700; 
		height:55;
		font-size:22; 
		color:black;
	}
	
	.frage2ja{
		position: absolute;
		width: 50;
		top: 1080;
		left: 800; 
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		background-color:white;
		
		box-shadow: 10px 20px 30px grey; 
	}	
	.frage2nein{
		position: absolute;
		width: 50;
		top: 1080;
		left: 850; 
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		background-color:white;
		
		box-shadow: 10px 20px 30px grey; 
	}	
	
	.fragefeld3{
		position: absolute; 
		top: 1200;
		left: 150; 
		width: 700; 
		height:55;
		font-size:22; 
		color:black;
	}
	
	.frage3ja{
		position: absolute;
		width: 50;
		top: 1250;
		left: 800; 
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		background-color:white;
		
		box-shadow: 10px 20px 30px grey; 
	}	
	.frage3nein{
		position: absolute;
		width: 50;
		top: 1250;
		left: 850; 
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		background-color:white;
		
		box-shadow: 10px 20px 30px grey; 
	}		

	.fragefeld4{
		position: absolute; 
		top: 1400;
		left: 150; 
		width: 700; 
		height:55;
		font-size:22; 
		color:black;
	}	
	
	.altersfeld{ 
		position: absolute; 
		font-size:22; 
		left: 800; 
		top: 1400;  
		width: 50; 
		box-shadow: 10px 20px 30px grey;
	}

	.fragefeld5{
		position: absolute; 
		top: 1600;
		left: 150; 
		width: 700; 
		height:55;
		font-size:22; 
		color:black;
	}	

	.mann{
		position: absolute; 
		left: 700; 
		top: 1550; 
		height: 100;
		box-shadow: 10px 20px 30px grey;
	}
	
	.divers{
		position: absolute; 
		left: 740; 
		top: 1550; 
		height: 100;
		box-shadow: 10px 20px 30px grey;
	}	
	
	.frau{
		position: absolute; 
		left: 780; 
		top: 1550; 
		height: 100;
		box-shadow: 10px 20px 30px grey;
	}	
	
	.fragefeld6{
		position: absolute; 
		top: 1800;
		left: 150; 
		width: 700; 
		height:55;
		font-size:22; 
		color:black;
	}	

	.organisation{
		position: absolute; 
		left: 300; 
		top: 1850;  
		width: 400; 
		box-shadow: 10px 20px 30px grey; 
		font-size:18;
	}
	
	.amt1{
		position: absolute;
		background-color:white;
		width: 160;
		left: 200; 
		top: 1900;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.amt2{
		position: absolute;
		background-color:white;
		width: 160;
		left: 390; 
		top: 1900;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.amt3{
		position: absolute;
		background-color:white;
		width: 160;
		left: 580; 
		top: 1900;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.amt4{
		position: absolute;
		background-color:white;
		width: 160;
		left: 200; 
		top: 1930;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.amt5{
		position: absolute;
		background-color:white;
		width: 160;
		left: 390; 
		top: 1930;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.amt6{
		position: absolute;
		background-color:white;
		width: 160;
		left: 580; 
		top: 1930;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.amt7{
		position: absolute;
		background-color:white;
		width: 160;
		left: 200; 
		top: 1960;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.amt8{
		position: absolute;
		background-color:white;
		width: 160;
		left: 390; 
		top: 1960;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.amt9{
		position: absolute;
		background-color:white;
		width: 160;
		left: 580; 
		top: 1960;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.amt10{
		position: absolute;
		background-color:white;
		width: 160;
		left: 200; 
		top: 1990;
		height:27;
		text-align: center; 
		font-size:15; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
	}	
	.speichern{
		position: absolute; 
		top: 1700;
		left: 150; 
		width: 700; 
		height:100;
		font-size:25; 
		color:black;
		box-shadow: 10px 20px 30px grey; 
		opacity:0;
		background-color:red;
	}	

	.seitenende{position: absolute; top: 2100;opacity: 0.01;}
	
/* vertikales Karusell  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.sceneV {
  		border: 0px solid cyan;
  		position: absolute;
  		width: 190px;
  		height: 80px;
  		left: 800 ;
		top: 20;
		perspective: 1000px;
	}

	.carouselV {
  		width: 100%;
  		height: 100%;
  		position: absolute;
  		transform: translateZ(-30px);
  		transform-style: preserve-3d;
  		transition: transform 1s;
	}

	.carousel__cellV {
  		position: absolute;
  		width: 190px;
  		height: 34px;
  		top:20;
  		border: 0px solid  cyan;
  		line-height: 30px;
  		color: blue;
  		font-family: 'Iris1', sans-serife;
  		font-size: 14px;
  		-ms-backface-visibility: hidden;
  		text-align: center;
  		transition: transform 1s, opacity 1s;
	}

	.carousel__cellV:nth-child(1) { background: rgba(  255, 255, 255, 1);}
	.carousel__cellV:nth-child(2) { background: rgba(  255, 255, 255, 1);}
	.carousel__cellV:nth-child(3) { background: rgba(  255, 255, 255, 1);}
	.carousel__cellV:nth-child(4) { background: rgba(  255, 255, 255, 1);}
	.carousel__cellV:nth-child(5) { background: rgba(  255, 255, 255, 1);}
	.carousel__cellV:nth-child(6) { background: rgba(  255, 255, 255, 1);}


	.carousel__cellV:nth-child(1) { transform: rotateX(  0deg) translateZ(30px); animation: rotation1V 18s 3s; animation-iteration-count: infinite;}
	.carousel__cellV:nth-child(2) { transform: rotateX(300deg) translateZ(30px); animation: rotation6V 18s 3s; animation-iteration-count: infinite;}
	.carousel__cellV:nth-child(3) { transform: rotateX(240deg) translateZ(30px); animation: rotation5V 18s 3s; animation-iteration-count: infinite;}
	.carousel__cellV:nth-child(4) { transform: rotateX(180deg) translateZ(30px); animation: rotation4V 18s 3s; animation-iteration-count: infinite;}
	.carousel__cellV:nth-child(5) { transform: rotateX(120deg) translateZ(30px); animation: rotation3V 18s 3s; animation-iteration-count: infinite;}
	.carousel__cellV:nth-child(6) { transform: rotateX( 60deg) translateZ(30px); animation: rotation2V 18s 3s; animation-iteration-count: infinite;}



	.carousel-optionsV {
  		text-align: center;
  		position: relative;
  		z-index: 2;
  		background: hsla(0, 0%, 100%, 0.8);
  
  	}
  	@keyframes rotation1V {
			0%		{transform: rotateY(0deg)   translateZ(30px);opacity:1}
			16.6%	{transform: rotateX(60deg)  translateZ(30px); opacity:1;}
			33%		{transform: rotateX(120deg) translateZ(30px); opacity:1}
			50%		{transform: rotateX(180deg) translateZ(30px); opacity:1}
			66.6% 	{transform: rotateX(240deg) translateZ(30px);opacity:1}
 			83% 	{transform: rotateX(300deg) translateZ(30px);opacity:1}
 			100% 	{transform: rotateX(360deg) translateZ(30px);opacity:1}
	}
  	@keyframes rotation2V {
			0%		{transform: rotateX(60deg)  translateZ(30px);opacity:1}
			16.6%	{transform: rotateX(120deg) translateZ(30px); opacity:1;}
			33%		{transform: rotateX(180deg) translateZ(30px); opacity:1}
			50%		{transform: rotateX(240deg) translateZ(30px); opacity:1}
			66.6% 	{transform: rotateX(300deg) translateZ(30px);opacity:1}
 			83% 	{transform: rotateX(360deg) translateZ(30px);opacity:1}
 			100% 	{transform: rotateX(420deg) translateZ(30px);opacity:1}
	}
  	@keyframes rotation3V {
			0%		{transform: rotateX(120deg) translateZ(30px);opacity:1}
			16.6%	{transform: rotateX(180deg) translateZ(30px); opacity:1;}
			33%		{transform: rotateX(240deg) translateZ(30px); opacity:1}
			50%		{transform: rotateX(300deg) translateZ(30px); opacity:1}
			66.6% 	{transform: rotateX(360deg) translateZ(30px);opacity:1}
 			83% 	{transform: rotateX(420deg) translateZ(30px);opacity:1}
 			100% 	{transform: rotateX(480deg) translateZ(30px);opacity:1}
	}
  	@keyframes rotation4V {
			0%		{transform: rotateX(180deg) translateZ(30px);opacity:1}
			16.6%	{transform: rotateX(240deg) translateZ(30px); opacity:1;}
			33%		{transform: rotateX(300deg) translateZ(30px); opacity:1}
			50%		{transform: rotateX(360deg) translateZ(30px); opacity:1}
			66.6% 	{transform: rotateX(420deg) translateZ(30px);opacity:1}
 			83% 	{transform: rotateX(480deg) translateZ(30px);opacity:1}
 			100% 	{transform: rotateX(540deg) translateZ(30px);opacity:1}
	}
  	@keyframes rotation5V {
			0%		{transform: rotateX(240deg) translateZ(30px);opacity:1}
			16.6%	{transform: rotateX(300deg) translateZ(30px); opacity:1;}
			33%		{transform: rotateX(360deg) translateZ(30px); opacity:1}
			50%		{transform: rotateX(420deg) translateZ(30px); opacity:1}
			66.6% 	{transform: rotateX(480deg) translateZ(30px);opacity:1}
 			83% 	{transform: rotateX(540deg) translateZ(30px);opacity:1}
 			100% 	{transform: rotateX(600deg) translateZ(30px);opacity:1}
	}
  	@keyframes rotation6V {
			0%		{transform: rotateX(300deg) translateZ(30px);opacity:1}
			16.6%	{transform: rotateX(360deg) translateZ(30px); opacity:1;}
			33%		{transform: rotateX(420deg) translateZ(30px); opacity:1}
			50%		{transform: rotateX(480deg) translateZ(30px); opacity:1}
			66.6% 	{transform: rotateX(540deg) translateZ(30px);opacity:1}
 			83% 	{transform: rotateX(600deg) translateZ(30px);opacity:1}
 			100% 	{transform: rotateX(660deg) translateZ(30px);opacity:1}
	}
 
 
 /* horizontales Karussel    ++++++++++++++   */
 
 
	.scene {
				position: absolute;
				width: 700;
				height: 400px;
				left: 150 ;
				top: 80;
				perspective: 1000px;
				border: 0px solid #CCC;
			}

			.carousel {
				width: 100%;
				height: 100%;
				position: absolute;
				transform: translateZ(-363px);
				transform-style: preserve-3d;
				transition: transform 4s;
			}

			.carousel__cell {
				position: absolute;
				width: 400px;
				height: 400px;
				left: 150px;
				top: 0px;
				line-height: 30px;
				font-size: 20px;
				font-weight: bold;
				color: black;
				text-align: center;
				transition: transform 5s, opacity 1s;
				margin:auto;
				border: 0px solid #CCC;
				-ms-backface-visibility: hidden;
			}

.carousel__cell:nth-child(1) { transform: rotateY(  0deg) translateZ(363px); animation: rotation1 20s 1s; animation-iteration-count: infinite;}
.carousel__cell:nth-child(2) { transform: rotateY( 60deg) translateZ(363px); animation: rotation2 20s 1s; animation-iteration-count: infinite;}
.carousel__cell:nth-child(3) { transform: rotateY(120deg) translateZ(363px); animation: rotation3 20s 1s; animation-iteration-count: infinite;}
.carousel__cell:nth-child(4) { transform: rotateY(180deg) translateZ(363px); animation: rotation4 20s 1s; animation-iteration-count: infinite;}
.carousel__cell:nth-child(5) { transform: rotateY(240deg) translateZ(363px); animation: rotation5 20s 1s; animation-iteration-count: infinite;}
.carousel__cell:nth-child(6) { transform: rotateY(300deg) translateZ(363px); animation: rotation6 20s 1s; animation-iteration-count: infinite;}

			.carousel-options {
				text-align: center;
				position: relative;
				z-index: 2;
			}
 
		@keyframes rotation1 {
			0%		,	5%		{transform:rotateY(0deg) translateZ(363px);z-index: 7;}
			11.67%	,	21.67%	{transform:rotateY(60deg) translateZ(363px);z-index: 6; }
			28.33%	,	38.33%	{transform:rotateY(120deg) translateZ(363px);z-index: 5;}
			45%		,	55%		{transform:rotateY(180deg) translateZ(363px);z-index: 4;}
			61.67%	,	71.67%	{transform:rotateY(240deg) translateZ(363px);z-index: 5;}
 			78.33%	,	88.33%	{transform:rotateY(300deg) translateZ(363px);z-index: 6;}
 			95.00%	,	100% 	{transform:rotateY(360deg) translateZ(363px);z-index: 7;}
		}
		@keyframes rotation2 {
			0%		,	5%		{transform:rotateY(60deg) translateZ(363px);z-index: 6;}
			11.67%	,	21.67%	{transform:rotateY(120deg) translateZ(363px);z-index: 5;}
			28.33%	,	38.33%	{transform:rotateY(180deg) translateZ(363px);z-index: 4;}
			45%		,	55%		{transform:rotateY(240deg) translateZ(363px);z-index: 5;}
			61.67%	,	71.67%	{transform:rotateY(300deg) translateZ(363px);z-index: 6;}
 			78.33%	,	88.33%	{transform:rotateY(360deg) translateZ(363px);z-index: 7;}
 			95.00%	,	100%	{transform:rotateY(420deg) translateZ(363px);z-index: 6;}
		}
		@keyframes rotation3 {
			0%		,	5%		{transform:rotateY(120deg) translateZ(363px);z-index: 5;}
			11.67%	,	21.67%	{transform:rotateY(180deg) translateZ(363px);z-index: 4;}
			28.33%	,	38.33%	{transform:rotateY(240deg) translateZ(363px);z-index: 5;}
			45%		,	55%		{transform:rotateY(300deg) translateZ(363px);z-index: 6;}
			61.67%	,	71.67%	{transform:rotateY(360deg) translateZ(363px);z-index: 7;}
 			78.33%	,	88.33%	{transform:rotateY(420deg) translateZ(363px);z-index: 6;}
 			95.00%	,	100%	{transform:rotateY(480deg) translateZ(363px);z-index: 5;}
		}
		@keyframes rotation4 {
			0%		,	5%		{transform:rotateY(180deg) translateZ(363px);z-index: 4;}
			11.67%	,	21.67%	{transform:rotateY(240deg) translateZ(363px);z-index: 5;}
			28.33%	,	38.33%	{transform:rotateY(300deg) translateZ(363px);z-index: 6;}
			45%		,	55%		{transform:rotateY(360deg) translateZ(363px);z-index: 7;}
			61.67%	,	71.67%	{transform:rotateY(420deg) translateZ(363px);z-index: 6;}
 			78.33%	,	88.33%	{transform:rotateY(480deg) translateZ(363px);z-index: 5;}
 			95.00%	,	100%	{transform:rotateY(540deg) translateZ(363px);z-index: 4;}
		}
		@keyframes rotation5 {
			0%		,	5%		{transform:rotateY(240deg) translateZ(363px);z-index: 5;}
			11.67%	,	21.67%	{transform:rotateY(300deg) translateZ(363px);z-index: 6;}
			28.33%	,	38.33%	{transform:rotateY(360deg) translateZ(363px);z-index: 7;}
			45%		,	55%		{transform:rotateY(420deg) translateZ(363px);z-index: 6;}
			61.67%	,	71.67%	{transform:rotateY(480deg) translateZ(363px);z-index: 5;}
 			78.33%	,	88.33%	{transform:rotateY(540deg) translateZ(363px);z-index: 4;}
 			95.00%	,	100%	{transform:rotateY(600deg) translateZ(363px);z-index: 5;}
		}
		@keyframes rotation6 {
			0%		,	5%		{transform:rotateY(300deg) translateZ(363px);z-index: 6;}
			11.67%	,	21.67%	{transform:rotateY(360deg) translateZ(363px);z-index: 7;}
			28.33%	,	38.33%	{transform:rotateY(420deg) translateZ(363px);z-index: 6;}
			45%		,	55%		{transform:rotateY(480deg) translateZ(363px);z-index: 5;}
			61.67%	,	71.67%	{transform:rotateY(540deg) translateZ(363px);z-index: 4;}
 			78.33%	,	88.33%	{transform:rotateY(600deg) translateZ(363px);z-index: 5;}
 			95.00%	,	100%	{transform:rotateY(660deg) translateZ(363px);z-index: 6;}
		} 
 
 /* Ende der Karussels +++++++++++++++++++++++ */
 
 
		.blende1 {
			animation: blende 6s;
			animation-iteration-count: 1;
		}
	
    	.blende2 {
			animation: blende 6s 5s;
			animation-iteration-count: 1;
		}		
    	.blende3{
			animation: blende 6s 10s;
			animation-iteration-count: 1;
		}
    	.blende4{
			animation: blende 6s 15s;
			animation-iteration-count: 1;
		}
    	.blende5{
			animation: blende 6s 20s;
			animation-iteration-count: 1;
		}
    	.blende6{
			animation: einblenden 6s 25s;
			animation-iteration-count: 1;	
			animation-fill-mode: forwards;
			font-size: 18;
		}
		
		@keyframes blende {
			0% ,100%	{opacity: 0;	}
			50%	{opacity: 1;}
		}
		
		
			@keyframes einblenden{
			0% 		{opacity: 0;	}
			100%	{opacity: 1;}
		}
		
		/* responsives Design */


@media (max-width: 1000px) and (orientation: portrait){
	.fragefeld1{	
		font-size:40;}
	.scene{			
		top:120;}
	.antwortfeld {
		left: 150; 
		top: 1250; 
		width: 700; 
		height:400;
		font-size:30;}
	.Antwortgrafik {
		position:absolute;
		top:550;
		left:250;
		width:500;}
	.fragefeld2{	
		font-size:40;
		top:1900;}	
	.frage2ja{
		width: 150;
		top: 2200;
		left: 300; 
		height:60;
		text-align: center; 
		font-size:40; 
		color:black;
		background-color:white;
		box-shadow: 10px 20px 30px grey;}
	.frage2nein{
		width: 150;
		top: 2200;
		left: 550; 
		height:60;
		text-align: center; 
		font-size:40; 
		color:black;
		background-color:white;
		box-shadow: 10px 20px 30px grey;}				
	.fragefeld3{	
		font-size:40;
		top:2400;}	
	.frage3ja{
		width: 150;
		top: 2600;
		left: 300; 
		height:60;
		text-align: center; 
		font-size:40; 
		color:black;
		background-color:white;
		box-shadow: 10px 20px 30px grey;}
	.frage3nein{
		width: 150;
		top: 2600;
		left: 550; 
		height:60;
		text-align: center; 
		font-size:40; 
		color:black;
		background-color:white;
		box-shadow: 10px 20px 30px grey;}
	.fragefeld4{	
		font-size:40;
		top:2900;}			
	.altersfeld{ 
		position: absolute; 
		left: 450; 
		top: 3000;  
		width: 100; 
		box-shadow: 10px 20px 30px grey;
		font-size:40;}
	.fragefeld5{	
		font-size:40;
		top:3200;}
	.mann{
		top: 3300;
		left: 375;
		height: 200;}	
	.divers{
		top: 3300;
		left: 475;
		height: 200;}	
	.frau{
		top: 3300;
		left: 575;
		height: 200;}
	.fragefeld6{	
		font-size:40;
		top:3600;}
	.amt1{
		width: 290;
		left: 55; 
		top: 3800;
		height:60;
		font-size:38;}	
	.amt2{
		width: 290;
		left: 355; 
		top: 3800;
		height:60;
		font-size:39;}
	.amt3{
		width: 290;
		left: 655; 
		top: 3800;
		height:60;
		font-size:39;}
	.amt4{
		width: 290;
		left: 55; 
		top: 3865;
		height:60;
		font-size:38;}	
	.amt5{
		width: 290;
		left: 355; 
		top: 3865;
		height:60;
		font-size:39;}
	.amt6{
		width: 290;
		left: 655; 
		top: 3865;
		height:60;
		font-size:39;}
	.amt7{
		width: 290;
		left: 55; 
		top: 3930;
		height:60;
		font-size:38;}	
	.amt8{
		width: 290;
		left: 355; 
		top: 3930;
		height:60;
		font-size:39;}
	.amt9{
		width: 290;
		left: 655; 
		top: 3930;
		height:60;
		font-size:39;}	
	.amt10{
		width: 290;
		left: 55; 
		top: 3995;
		height:60;
		font-size:39;}
	.organisation{
		left: 200; 
		top: 3710;  
		width: 600; 
		box-shadow: 10px 20px 30px grey; 
		font-size:34;}	
	.speichern{
		top: 3500;
		height:200;
		font-size:40; 
		color:black;}
	.seitenende{top: 4200;}
	.filter{
		position: absolute;
		width: 400;
		height:55;
		font-size:40;
		left: 70;
		background-color:white;}
	.filter:nth-child(1) {top: 700;}
	
	.filter:nth-child(2) {left: 510;top: 700;}
	.filter:nth-child(3) {left: 510;top: 760;}
	.filter:nth-child(4) {left: 510;top: 820;}
	.filter:nth-child(5) {left: 510;top: 880;}
	.filter:nth-child(6) {left: 510;top: 940;}
	.filter:nth-child(7) {left: 510;top: 1000;}
	.filter:nth-child(8) {left: 510;top: 1060;}
	.filter:nth-child(9) {left: 510;top: 1120;}
	.filter:nth-child(10) {left: 510;top: 1180;}
	.filter:nth-child(11) {left: 510;top: 1240;}
	
	.filter:nth-child(12) {top: 780;}
	.filter:nth-child(13) {top: 840;}
	.filter:nth-child(14) {top: 900;}
	.filter:nth-child(15) {top: 960;}
	
	.filter:nth-child(16) {top: 1040;}
	.filter:nth-child(17) {top: 1100;}
	
	.filter:nth-child(18) {top: 1180;}
	.filter:nth-child(19) {top: 1240;}	
	
	.blende6{font-size:30;}
}