/*css für z_akt.html*/

/*z_akt.css
nach	css.css*/

/*Fassung von 231101*/
/*validiert zuletzt am  000000*/

/*Inhalt: */

/* mobile first (so schwer es fällt*/
/**/




html {background-color:hsla(180deg 0% 20% /90%);}

	
nav 	{text-align: center; }

 /*RAHMEN*/	 
 /*dient dazu, den Inhalt der jeweiligen Seite richtig auszurichten*/	 
.rahmen {width:100%; height:100%; margin:0px;  
		 padding-left: 3vw;  padding-right: 3vw;  padding-top: 8vh;  padding-bottom: 3vh; 
		 background-color:hsla(180deg 0% 60% /90%); }
		 
/*MAIN*/
main	{background-color:hsla(0deg 0% 20% / 80%); background-color:yellow;}
main 	{display:flex; flex-wrap:wrap; justify-content:center;
		margin-top:4vh; margin-bottom:8vh; }
@media screen and (orientation: portrait){
		main {margin-top:10vh; margin-bottom:5vh; }}
@media screen and (orientation: landscape){
		main {margin-top:20vh; margin-bottom:3vh;}}

		 



/*IMG*/
/*legt den Bildern ein dunkles Rahmenfutter unter*/
.img 	{margin:1vw; padding-top:3rem;padding-bottom:3rem;
		min-width:150px; max-width:500px; height:auto;
		background-color:hsla(180deg 0% 20% /90%);}
@media screen and (orientation:portrait){
		.img {width:80vw; }}
@media screen and (orientation:landscape){
		.img {width:25vw;}}