@media screen and (min-width: 1241px) and (max-width: 5000px) {

			@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
			@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
			@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
	body {
		Display:flex;
		position: absolute;	
		max-width: 1300px;
		height: 100%;
		background-color: #f5f5f5;
	}
	/* Einstellung Header */
	header{
		color: 	#ff3030;
		font-size: 12pt;
		font-weight: bold;
	}
	/*Einstellung Überschrift H1*/
	h1 {
		font-size: 20pt;	
		color: #FFFFE0;
		display: table;	
	}	
	/*Einstellung Überschrift H2 */
	h2{
		font-size: 18pt;
		color: #ff3030;
		margin-right: 4em;
		margin-left: 2em;
		text-align: center;
	}
	h3{
		font-size: 16pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H4*/
	h4{
		font-size:15pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H5*/
	h5{
		font-size:14pt;
		color: 	#006400;	
	}
	/* Einstellung Tag-Main*/
	main{
		float:left;
		font-size: 12pt;
		color: #473c8b;	
		margin-top:2em;
		margin-left:10em;
		margin-right:3em;
		padding-bottom: 50px;
	}
	details{
		font-size: 12pt;
		color: #473c8b;
		font-weight:500;
	}
	button  {
		background-color:#dc143c;
		color:#FFFFE0;
		border-radius: 15px;
		border: 8px double ;
		border-color: #FFFFE0;
		text-align: center;
		font-size: 12px;
		width: 175px;
		margin-inline: 0.5em;
		padding: 1.5em; 
	}
	footer {
		background: #dc143c	;	
		font-size: 20px;
		text-align: center;
		position:absolute;
		bottom: 1em;
		width: 100%;	
		text-decoration: none; 
		margin-top:3em;
	}
	video {
		max-width: 80%;
		max-height: auto;
		margin-left: 2em;
	}
	 form {
		max-width: 1000px;
		margin: 0 auto;
		padding: 20px;
		border-radius: 8px;
		
	}
	/* [] Attributselektor */
	input[type="submit"] {
		padding: 10px 20px;
		border: none;
		background-color: #007bff;
		color: #fff;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
	}
	input[type="submit"]:hover {
		background-color: #0056b3;
	}
	a {
		text-decoration: none;
		color:#FFFFE0;
	}
	.item1 { grid-area: header; }
	.item4 { grid-area: header1;}
	.item2 {grid-area: header2;}

	.item15 { grid-area: nav1;}

	.item14 { grid-area: main;}
	.item3 { grid-area: main1;}
	.item16{ grid-area: main2;}
	.item17{ grid-area: main3;}

	.item5 { grid-area: aside;}
	.item12 { grid-area: aside1;}
	.item13 { grid-area: aside2;}

	.item6 { grid-area: footer;}

	
	/* Klassen unterteilt wegen dem Gitter */
	.item1 { grid-area: header; }
	.item4 { grid-area: header1;}

	.item15 { grid-area: nav1;}

	.item14 { grid-area: main;}
	.item3 { grid-area: main1;}
	.item16{ grid-area: main2;}
	.item17{ grid-area: main3;}

	.item5 { grid-area: aside;}
	.item12 { grid-area: aside1;}
	.item13 { grid-area: aside2;}

	.item6 { grid-area: footer;}

	/* Gitter Einstellungen */
	.grid-container {
		display: grid;
		grid-template-columns: 5em  auto 16em;
		grid-template-rows:7.5em 4em 2em auto auto auto auto 4em;
		grid-template-areas:
			'aside1 aside aside2'
			'header header header '
			'header1 header1 header1'
			'main1 main1  nav1'
			'main  main   nav1'
			'main2 main2 nav1'
			'main3 main3 nav1'
			'footer footer footer';
	}
	.item1{
		background: #dc143c;
	}
	/* Einstellung FOOTER*/

	.item4 {
		margin-left: 4em;	
	}
	.item5{margin-left:4em;
	}
	
	.item12{
		margin-top:1em;
		margin-left:3em;
		width:70px;
		height:70px;
		-webkit-animation:spin 6s linear infinite;
		-moz-animation:spin 6s linear infinite;
		animation:spin 6s linear infinite;
	}
	.item13{
		margin-left:8em;
	}
	.item14{
		margin-top:-2.5em;
	}
	.item15{
		margin-top:6em;
	}
	.item16{
		margin-top:-2.5em;
		margin-left:10em;
		margin-bottom:3em;
		padding-bottom: 50px;
	}
	.item17{
		margin-top:-2em;
		margin-left:15em;
	}
	.vor {
		margin-left:4em;
	}
	/*Einstellung Notruf*/
	.H1 {
		margin-left: 20em;	
	}
	/*Index H1*/
	.Leben{	
		margin-left: 13em;	
	}
	.Lebe{
		margin-left:-6em;
	}
	.Leb{
		margin-top:-1em;
		margin-bottom:10em:
	}
	/*Blutstillung Überschrift H1*/
	.Blut{	
		margin-left: 12em;
	}
	.Blu{
		margin-left:-8em;
	}
	.BL{
		margin-top: 1em;
		margin-left:10em;
		margin-bottom: 3em;
	}
	.B{
		margin-left:1em;
	}
	/*Einstellung Stabilen Seitenlage Header*/
	.Stabil{	
		margin-left: 18em;
	}
	.Stabi{
		margin-left:5em;
		margin-right:10em;
	}
	.sta{
		margin-left:10em;
		margin-top:1em;
		margin-bottom:5em;
	}
	.Bild{
		max-width: 90%;
		max-height:auto;
		margin-left:1em;
		margin-top:4em;
	}
	/* Einstellung Impressium*/
	.Impressum {
		margin-left: 20em;	
	}
	.Impress {	
		color:#006400;
		margin-left: 8em;
		margin-top: -1em;
		font-size: 20pt;	
	}
	.Test{
		margin-left: 20em;
		margin-right: 12em;
	}
	.Klick{
		margin-left: 3em;
		max-width:60%;
		max-height:auto;
	}
	 .question {
		font-size: 22px;
		color:#006400;
		margin-bottom: 15px;
		margin-left:-2em;
	}
	.options{
		font-size: 18px;
		color: blue;
		margin-top:1em;
	}
	.Rett{
		margin-top:1em;	
	}
	.No{
		margin-top: 2em;
		margin-left:5em;
	}
	.Not{	
		margin-left:5em;
		margin-top:2em;
		width:300px;
		height:200px;
	}
	.Notr{
		margin-left:10em;
		
	}
	.Melly{
		color:blue;
	}
	.IN{
		color:black;
		text-decoration:underline;
	}
	.S{
		margin-top:2em;
		margin-left:10em;
	}
	.IM{
		text-align:12px;
		margin-top: -3em;
	}
	.Aus{
		margin-left:15em;
	}
	.AUSBI{
		margin-left:15em;
	}
	.AUSB{
		margin-left:-3em;
		margin-top:1em:
	}
}
@media screen and (min-width:800px) and (max-width:1240px){
	
			@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
			@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
			@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
			
	body {
		Display:flex;
		position: absolute;	
		width: 800;
		max-width:1240px;
		height: 100%;
		background-color: #f5f5f5;
	}
	  /* Einstellung Header */
	header{
		color: 	#ff3030;
		font-size: 12pt;
		font-weight: bold;
	}
	/*Einstellung Überschrift H1*/
	h1 {
		font-size: 22pt;	
		color: #191970;
		display: table;	
	}	
	/*Einstellung Überschrift H2 */
	h2{
		font-size: 18pt;
		color: #ff3030;
		margin-right: 4em;
		margin-left: 2em;
		text-align: center;
	}
	h3{
		font-size: 16pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H4*/
	h4{
		font-size:15pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H5*/
	h5{
		font-size:14pt;
		color: 	#006400;	
	}
	/* Einstellung Tag-Main*/
	main{
		float:left;
		font-size: 12pt;
		color: #473c8b;	
		margin-top:0.5em;
		margin-left:6em;
		margin-right:3em;
		margin-bottom:2em;
	}
	button  {
		background-color:#dc143c;
		color:white;
		border-radius: 20px;
		border: 8px double ;
		border-color: #FFFFE0;
		text-align: center;
		font-size: 12px;
		width: 165px;
		margin-inline: 0.5em;
		padding: 1.5em; 
		border-color: #FFFFE0;		
	}
	footer {
		background: #dc143c;	
		color:#ff3030;
		font-size: 20px;
		text-align: center;
		position:absolute;
		bottom: 1em;
		width: 100%;	
	}
	video {
		max-width: 70%;
		max-height: auto;
		margin-left: 2em;
	}
	 form {
		max-width: 1000px;
		margin: 0 auto;
		padding: 20px;
		border-radius: 8px;
		
	}
	/* [] Attributselektor */
	input[type="submit"] {
		padding: 10px 20px;
		border: none;
		background-color: #007bff;
		color: #fff;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
	}
	input[type="submit"]:hover {
		background-color: #0056b3;
	}
	a {
		text-decoration: none;
		color:#FFFFE0;
	}
	/* Klassen unterteilt wegen dem Gitter */
	.item1 { grid-area: header; }
	.item4 { grid-area: header1;}

	.item15 { grid-area: nav1;}

	.item14 { grid-area: main;}
	.item3 { grid-area: main1;}
	.item16{ grid-area: main2;}
	.item17{ grid-area: main3;}

	.item5 { grid-area: aside;}
	.item12 { grid-area: aside1;}
	.item13 { grid-area: aside2;}

	.item6 { grid-area: footer;}

	/* Gitter Einstellungen */
	.grid-container {
		display: grid;
		grid-template-columns: 24em  24em ;
		grid-template-rows: 5em 6em 6em 10em auto auto auto auto auto 2em;
		grid-template-areas:
			'aside1 aside2'
			'aside aside'
			'header header'	
			'header1 header1'
			'nav1   nav1'
			'main1  main1'
			'main main'
			'main2 main2'
			'main3 main3'
			'footer footer';
	
	}
	.item1{
		background: #dc143c	;
	}
	/* Einstellung FOOTER*/
	.item3{
		margin-bottom:5em;
	}
	.item4 {
		margin-left: 4em;	
	
	}
	.item12{
		width:70px;
		height:70px;
		-webkit-animation:spin 6s linear infinite;
		-moz-animation:spin 6s linear infinite;
		animation:spin 6s linear infinite;
	}
	.item13{
		margin-left:15em;
	}
	.item14{
	margin-top: -2em;
	margin-left:2em;
		
	}
	.item15{
		width:60%;
		margin-left:10em;
		margin-top:-5em;
	}
	.item16{
		margin-top:-1em;
		margin-left:2em;
		margin-bottom:4em;
	}
	.item17{
		margin-top:-6em;
		margin-left:4em;
	}
	.vor{
		margin-left: -2em;
		margin-bottom:3em;
	}
	
	/*Einstellung Notruf*/
	.H1 {
		margin-left: 11em;	
	}
	/*Index H1*/
	.Leben{	
		margin-left: 5em;	
	}
	.Lebe{
		margin-left: -0.5em;
	}	
	.Leb{
		margin-left:4em;
	}
	/*Blutstillung Überschrift H1*/
	.Blut{	
		margin-left: 6em;
	}
	.Blu{
		margin-left:1em;
	}
	.BL{
		margin-left:5em;
	}
	.B{
		width:50%;
		margin-left:3em;
	}
	/*Einstellung Stabilen Seitenlage Header*/
	.Stabil{	
		margin-left: 9em;
	}
	.Stabi{
		margin-left:1em;	
	}
	.sta{
		margin-left:3em;
	}
	.S{
		margin-left:8em;
		width:40%;
	}
	.Bild{
		max-width: 90%;
		max-height:auto;
		margin-left:6em;
		margin-top:1em;
	}
	/* Einstellung Impressium*/
	.Impressium {
		margin-left: 8em;	
	}
	.Impress {	
		color:#006400;
		margin-left: 5em;
		font-size: 20pt;	
	}
	.Test{
		margin-left: 12em;
		margin-right: 12em;
	}
	.Klick{
		margin-left: 3em;
		max-width:60%;
		max-height:auto;
	}
	 .question {
		font-size: 22px;
		color:#006400;
		margin-left:-2em;
		margin-bottom: 15px;
	}
	.options{
		
		font-size: 18px;
		color: blue;
	}
	.Rett{
		margin-top: -11em;
		margin-left: 2em;
	}
	.No{
		margin-top: 2em;
		margin-left:7em;
		width:60%;
	}
	.Not{
		margin-top:1em;
		margin-left:4em;
		width:50%;
		height:auto;
	}
	.Rett{
		margin-top: 1em;
		margin-right:1em;
	}
	.Notr{
		margin-top:1em;
		margin-left:6.5em;
		width:50%;
	}
	.Video{
		margin-top:2em;
	}
	.SE{
		margin-top:2em;
	}
	.Melly{
		color:blue;
	}
	.IN{
		color:black;
		text-decoration:underline;
	}
	.IM{
		text-align:12px;
		margin-top: -3em;
	}
	.Aus{
		margin-left:8em;
	}
	.AUSBI{
		margin-left:7em;
	}
	.AUSB{
		margin-left:2em;
		margin-top:1em:
	}
	.VI{
		margin-left:4em;
	}
}
@media screen and (min-width:500px) and (max-width:799px){
	.item13{
		display:none;
	}
			
			@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
			@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
			@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

 /*Einstellung TAG-Body*/
	body {
		Display:flex;
		position: absolute;
		width: 500px;
		max-width:799px;
		height: 100%;
		background-color: #f5f5f5;
	}
	  /* Einstellung Header */
	header{
		color: 	#ff3030;
		font-size: 12pt;
		font-weight: bold;
	}
	/*Einstellung Überschrift H1*/
	h1 {
		font-size: 18pt;	
		text-decoration:   #191970;
		color: #191970;
		display: table;
	}	
	/*Einstellung Überschrift H2 */
	h2{
		font-size: 16pt;
		color: #ff3030;	
	}
	h3{
		font-size: 14pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H4*/
	h4{
		font-size:13pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H5*/
	h5{
		font-size:12pt;
		color: 	#006400;	
	}
	/* Einstellung Tag-Main*/
	main{
		font-size: 12pt;
		color: #473c8b;	
		margin-left:2em;
		margin-right:2em;
		margin-bottom:3em;
		margin-Top:-1em;
	}
	button  {		
		background-color:#dc143c;
		color:white;
		border-radius: 15px;
		border: 6px double ;		
		text-align: center;
		font-size: 10px;	
		
		padding: 1.5em;  
		width: 110px;
		border-color: #FFFFE0;	
	}
	footer {
		background: #dc143c	;	
		color:#ff3030;
		font-size: 20px;
		text-align: center;
		position:absolute;
		bottom: 1em;
		width: 100%;	
	}
	video {
		max-width: 70%;
		max-height: auto;
		margin-left: 2em;
		margin-Top:1em;
	}
	/* [] Attributselektor */
	input[type="submit"] {
		padding: 10px 20px;
		border: none;
		background-color: #007bff;
		color: #fff;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
	}
		input[type="submit"]:hover {
		background-color: #0056b3;
	}
	a {
		text-decoration: none;
		color:#FFFFE0;
	}
	/* Klassen unterteilt wegen dem Gitter */
	
	.item1 { grid-area: header; }
	.item4 { grid-area: header1;}

	.item15 { grid-area: nav1;}

	.item14 { grid-area: main;}
	.item3 { grid-area: main1;}
	.item16{ grid-area: main2;}
	.item17{ grid-area: main3;}

	.item5 { grid-area: aside;}
	.item12 { grid-area: aside1;}
	.item13 { grid-area: aside2;}

	.item6 { grid-area: footer;}

	/* Gitter Einstellungen */
	.grid-container {
		display: grid;
		grid-template-columns: 15em  15em ;
		grid-template-rows: 6em 5em 5em 5em auto auto auto auto 2em;
		grid-template-areas:
			'aside1 aside2'
			'aside aside'
			'header header'	
			'header1 header1'
			'nav1   nav1'
			'main1  main1'
			'main2 main2'
			'main3 main3'
			'footer footer';
	
	}
	.item1{
		background: #dc143c;
	}
	/* Einstellung FOOTER*/

	.item4 {
		margin-left: 4em;	
	}
	.item6 {
		float:left;
	}
	.item12{
		width:70px;
		height:70px;
		-webkit-animation:spin 6s linear infinite;
		-moz-animation:spin 6s linear infinite;
		animation:spin 6s linear infinite;
	}
	.item13{
		margin-left:8em;
	}
	.item15{
		margin-left: 4em;
		margin-top:-2em;
	}
	.item17{
		margin-top:-4em;
		margin-bottom:4em;
	}
	.Leben{
		margin-left:3em;
	}
	.Lebe{
		margin-left:2em;
	}
	
	.H1 {
		margin-left:7em;
	}
	.H3{
		margin-Top:-6em;
	}
	/*Blutstillung Überschrift H1*/
	.Blut{	
		margin-left: 3em;
	}
	.Blu{
		margin-left:2.5em;
	}
	.B{
		margin-top:3em;
		margin-left:3.5em;
		width:70%;
	}
	/*Einstellung Stabilen Seitenlage Header*/
	.Stabil{
		margin-left: 6em;
	}
	.Stabi{
		margin-left: -3em;
		margin-right: 0.5em;
		font-size: 12px;	
	}
	.sta{
		margin-top:2em;
	}
	.Bild{
		max-width: 80%;
		max-height:auto;
		margin-left:2em;
		margin-Top:1em;
	}
	.vor{
		margin-left:-1.5em;
	}
	/* Einstellung Impressium*/
	.Impressium {
		margin-left: 7em;	
	}
	.Impress {	
		color:#006400;
		margin-top:-5em;
		margin-left: 1em;
		text-align:center;
		font-size: 14pt;	
	}
	.Test{
		margin-left: 3em;
		margin-right: 12em;
	}
	.Klick{
		margin-left: 3em;
		max-width:60%;
		max-height:auto;
	}
		.Test{
		margin-left: 8em;
	}
	.Klick{
		margin-left: 3em;
		max-width:60%;
		max-height:auto;
	}
	 .question {
		font-size: 14px;
		color:#006400;
		margin-bottom: 15px;
	}
	.options{
		font-size: 12px;
		color: blue;
	}
	.No{
		margin-top: 2em;
		margin-left:-1.5em;
		width:300px;
		height:200px;
	}
	.Not{
		margin-Top:3em;
		margin-left:3em;
		width:70%;
		height:auto;
	}
	.Notr{
		margin-Top:2em;
		margin-left:5em;
		width:60%;
		height:auto;
	}
	.Video{
		margin-top:2em;
	}
	.Rett{
		margin-top:8em;
	}
	.SE{
		margin-top:2em;
	}
	.Melly{
		color:blue;
	}
	.IN{
		color:black;
		text-decoration:underline;
	}
	.S{
		width:60%;
		margin-left:5em;
		margin-top:2em;
	}
	.IM{
		text-align:12px;
		margin-top: -3em;
	}
	.Aus{
		margin-top:3em;
		margin-left:5em;
		width:60%
	}
	.AUSBI{
		margin-left:5em;
	}
	.AUSB{
		margin-left:2em;
		margin-top:1em:
	}
	.VI{
		margin-left:2em;
	}
	.ff{
		margin-top:-2em;
	}
}
@media screen and (min-width: 431px) and (max-width: 499px) {
	
			@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
			@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
			@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
			
	/*Hase ausblenden*/
	.item13{
		display:none;
	}
  /*Einstellung TAG-Body*/
	body {
		Display:flex;
		position: absolute;
		widt:500px;
		max-width:799px;
		height: 100%;
		background-color: #f5f5f5;
	}
	  /* Einstellung Header */
	header{
		color: 	#ff3030;
		font-size: 12pt;
		font-weight: bold;
	}
	/*Einstellung Überschrift H1*/
	h1 {
		font-size: 16pt;	
		text-decoration:   #191970;
		color: #191970;
		display: table;
	}	
	/*Einstellung Überschrift H2 */
	h2{
		font-size: 14pt;
		color: #ff3030;	
	}
	h3{
		font-size: 13pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H4*/
	h4{
		font-size:12pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H5*/
	h5{
		font-size:11pt;
		color: 	#006400;	
	}
	/* Einstellung Tag-Main*/
	main{
		font-size: 10pt;
		color: #473c8b;	
		margin-left:2em;
		margin-right:2em;
		margin-bottom:3em;
	}
	button  {
		background-color:#dc143c;
		color:white;
		border: 8px double ;
		text-align: center;
		font-size: 10px;	
		
		padding: 1em;  
		width: 100px;
		border: thin solid;	
	}

	footer {
		background: #dc143c;	
		color:#ff3030;
		font-size: 20px;
		text-align: center;
		position:absolute;
		bottom: 1em;
		width: 100%;	
	}
	video {
		max-width: 70%;
		max-height: auto;
		margin-left: 2em;
		margin-Top:1em;
	}
	/* [] Attributselektor */
	input[type="submit"] {
		padding: 10px 20px;
		border: none;
		background-color: #007bff;
		color: #fff;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
	}
		input[type="submit"]:hover {
		background-color: #0056b3;
	}
	a {
		text-decoration: none;
		color:#FFFFE0;
	}
	/* Klassen unterteilt wegen dem Gitter */
	
	.item1 { grid-area: header; }
	.item4 { grid-area: header1;}

	.item15 { grid-area: nav1;}

	.item14 { grid-area: main;}
	.item3 { grid-area: main1;}
	.item16{ grid-area: main2;}
	.item17{ grid-area: main3;}

	.item5 { grid-area: aside;}
	.item12 { grid-area: aside1;}
	.item13 { grid-area: aside2;}

	.item6 { grid-area: footer;}

	/* Gitter Einstellungen */
	.grid-container {
		display: grid;
		grid-template-columns: 25.75em ;
		grid-template-rows:5em 3em 4em 4em auto auto auto auto auto 2em;
		grid-template-areas:
			'aside1 '
			'aside '
			'header'	
			'header1'
			' nav1'
			'main1'
			'main'
			'main2'
			'main3'
			'footer';
	}
	.item1{
		background: #dc143c;
	}
	/* Einstellung FOOTER*/

	.item4 {
		margin-left: 4em;	
	}
	.item6 {
		float:left;
	}
	.item12{
		width:70px;
		height:70px;
		-webkit-animation:spin 6s linear infinite;
		-moz-animation:spin 6s linear infinite;
		animation:spin 6s linear infinite;
	}
	.item14{
		margin-top:-1em;
		margin-left:1em;
	}
	.item15{
		margin-left: 2.5em;
	}
	.item16{
		margin-top:-1em;
		margin-left:1em;
	}
	.item17{
		margin-top:-3em;
		margin-bottom:4em;
	}
	.Leben{
		margin-left:2em;
	}
	.Lebe{
		margin-left:2em;
	}
	
	.H1 {
		margin-left:7em;
	}
	.H3{
		margin-Top:-6em;
	}
	/*Blutstillung Überschrift H1*/
	.Blut{	
		margin-left: 3em;
	}
	.Blu{
		margin-left:2.5em;
	}
	.BL{
		margin-top:-1em;			
	}
	.B{
		width:70%;
		margin-top:2em;
		margin-left:3em;		
	}	
	/*Einstellung Stabilen Seitenlage Header*/
	.Stabil{
		margin-left: 6em;
	}
	.Stabi{
		margin-left: -3em;
		margin-right: 0.5em;
		font-size: 12px;	
	}
	.Bild{
		max-width: 80%;
		max-height:auto;
		margin-left:2em;
		margin-Top:1em;
	}
	.vor{
		margin-left:-1.5em;
	}
	/* Einstellung Impressium*/
	.Impressium {
		margin-left: 7em;	
	}
	.Impress {	
		color:#006400;
		margin-top:-5em;
		margin-left: 1em;
		text-align:center;
		font-size: 14pt;	
	}
	.Test{
		margin-left: 3em;
		margin-right: 12em;
	}
	.Klick{
		margin-left: 3em;
		max-width:60%;
		max-height:auto;
	}
	.Test{
		margin-left: 8em;
	}
	.Klick{
		margin-left: 3em;
		max-width:60%;
		max-height:auto;
	}
	.question {
		font-size: 14px;
		color:#006400;
		margin-bottom: 15px;
	}
	.options{
		font-size: 12px;
		color: blue;
	}
	.No{
		margin-top: 2em;
		width:300px;
		height:200px;	
	}
	.Not{
		margin-Top:1em;
		margin-left:3em;
		width:70%;
		height:auto;
	}
	.Notr{
		margin-Top:1em;
		margin-left:5em;
		width:60%;
		height:auto;
	}
	.Rett{
		margin-top:9em;
		margin-left:1em;
	}
	.Melly{
		color:blue;
	}
	.IN{
		color:black;
		text-decoration:underline;
	}
	.S {
		width:60%;
		margin-top:1em;
		margin-left:5em;
	}
	.IM{
		text-align:12px;
		margin-top: -3em;
	}
	.Aus{
		margin-top:3em;
		margin-left:5em;
		width:60%
	}
	.AUSBI{
		margin-left:5em;
	}
	.AUSB{
		margin-left:2em;
		margin-top:1em:
	}
	.VI{
		margin-left:2em;
	}
	.ff{
		margin-top:-2em;
	}
}
@media screen and (min-width: 360px) and (max-width: 430px) {
	
			@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
			@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
			@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
			
	/*Hase ausblenden*/
	.item13{
		display:none;
	}
  /*Einstellung TAG-Body*/
	body {
		Display:flex;
		position: absolute;
		width: 360px;
		max-width:430px;
		height: 100%;
		background-color: #f5f5f5;
	}
	  /* Einstellung Header */
	header{
		color: 	#ff3030;
		font-size: 12pt;
		font-weight: bold;
	}
	/*Einstellung Überschrift H1*/
	h1 {
		font-size: 15pt;	
		text-decoration:   #191970;
		color: #191970;
		display: table;
	}	
	/*Einstellung Überschrift H2 */
	h2{
		font-size: 14pt;
		color: #ff3030;	
	}
	h3{
		font-size: 14pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H4*/
	h4{
		font-size:13pt;
		color: 	#006400;	
	}
	/* Einstellung Überschrift H5*/
	h5{
		font-size:12pt;
		color: 	#006400;	
	}
	/* Einstellung Tag-Main*/
	main{
		font-size: 12pt;
		color: #473c8b;	
		margin-left:1em;
		margin-right:1em;
		margin-bottom:2em;
	}
	button  {
		background-color:#dc143c;
		color:white;
		border: 8px double ;
		text-align: center;
		font-size: 8px;	
		
		padding: 1em;  
		width: 80px;
		border: thin solid;	
	}

	footer {
		background: #dc143c;	
		color:#ff3030;
		font-size: 20px;
		text-align: center;
		position:absolute;
		bottom: 1em;
		width: 100%;	
	}
	video {
		max-width: 70%;
		max-height: auto;
		margin-left: 2em;
		margin-Top:1em;
	}
	/* [] Attributselektor */
	input[type="submit"] {
		padding: 10px 20px;
		border: none;
		background-color: #007bff;
		color: #fff;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
	}
		input[type="submit"]:hover {
		background-color: #0056b3;
	}
	a {
		text-decoration: none;
		color:#FFFFE0;
	}
	/* Klassen unterteilt wegen dem Gitter */
	
	.item1 { grid-area: header; }
	.item4 { grid-area: header1;}

	.item15 { grid-area: nav1;}

	.item14 { grid-area: main;}
	.item3 { grid-area: main1;}
	.item16{ grid-area: main2;}
	.item17{ grid-area: main3;}

	.item5 { grid-area: aside;}
	.item12 { grid-area: aside1;}
	.item13 {grid-area: aside2;}

	.item6 { grid-area: footer;}

	/* Gitter Einstellungen */
	.grid-container {
		display: grid;
		grid-template-columns: 21em ;
		grid-template-rows:5em 3em 3em auto auto auto auto auto auto 2em;
		grid-template-areas:
			'aside1 '
			'aside '
			'header'	
			'header1'
			' nav1'
			'main1'
			'main'
			'main2'
			'main3'
			'footer';
	}
	.item1{
		background: #dc143c;
	}
	/* Einstellung FOOTER*/

	.item4 {
		margin-left: 4em;	
	}
	.item6 {
		float:left;
	}
	.item12{
		width:70px;
		height:70px;
		-webkit-animation:spin 6s linear infinite;
		-moz-animation:spin 6s linear infinite;
		animation:spin 6s linear infinite;
	}
	.item14{
		margin-top:-1em;
		margin-left:1em;
	}
	.item15{
		margin-top: 0em;
		margin-left: 2.5em;
			
	}
	.item16{
		margin-top:-.5em;
		margin-left:1em;
		margin-bottom:3em;
	}
	.item17{
		margin-top:1em;
		margin-bottom:3em;
	}
	.Leben{
		margin-left:1em;
	}
	.Lebe{
		margin-left:-1em;
	}
	
	.H1 {
		margin-left:6em;
	}
	.H3{
		margin-Top:-6em;
	}
	/*Blutstillung Überschrift H1*/
	.Blut{	
		margin-left: 2em;
	}
		.BL{
		margin-top:-1em;			
	}
	.B{
		width:70%;
		margin-top:2em;
		margin-left:3em;	
	}
	/*Einstellung Stabilen Seitenlage Header*/
	.Stabil{
		
		margin-left: 4.5em;
	}
	.Stabi{
		margin-left: -3em;
		margin-right: 0.5em;
		font-size: 12px;	
	}
	.Bild{
		max-width: 80%;
		max-height:auto;
		margin-top: 0em;
	}
	.vor{
		margin-left:-1.5em;
	}
	/* Einstellung Impressium*/
	.Impressium {
		margin-left: 6em;	
	}
	.Impress {	
		color:#006400;
		margin-left: 1em;
		font-size: 14pt;	
	}
	.Test{
		margin-left: 3em;
		margin-right: 12em;
	}
	.Klick{
		margin-left: 3em;
		max-width:60%;
		max-height:auto;
	}
	.Test{
		margin-left: 6.5em;
	}
	.Klick{
		margin-left: 3em;
		max-width:60%;
		max-height:auto;
	}
	 .question {
		font-size: 14px;
		color:#006400;
		margin-bottom: 15px;
	}
	.options{
		font-size: 12px;
		color: blue;
	}
	.Rett{
		margin-top:9em;
		margin-left:1em;
	}
	.Index{
		margin-top:0em;
		margin-left:0em;
	}
	.No{
		margin-top: 2em;
		margin-left:-1.5em;
		width:300px;
		height:200px;
	}
	.Not{
		margin-Top:1em;
		margin-left:3em;
		width:70%;
		height:auto;
	}
	.Notr{
		margin-Top:1em;
		margin-left:4em;
		width:60%;
		height:auto;
	}
	.Melly{
		color:blue;
	}
	.IN{
		color:black;
		text-decoration:underline;
	}
	.S{
		width:60%;
		margin-top:1em;
		margin-left:4.5em;	
	}
	.IM{
		text-align:12px;
		margin-top: -3em;
	}
}