html		{	border-top: 0.2em solid #222222; background-color: #222222; }
body 		{ margin: 0; padding: 0; }

/*   hintergrundfarbe & abstand rechts-links    */
header, nav, main 						{ background-color: snow; }

/* abstand oben */
nav, main, footer 									{ padding: 0em 1em 0em 1em; }
				/* abstand seite weniger wenn handy */
				@media only screen and (max-width:350px) {
							nav, main, footer		{ padding: 0em 0.5em 0em 0.5em; }
																			}

/*  privat mail */
.privatmail { min-height: 600px;}
			@media only screen and (max-width:450px) {
								.privatmail		{ min-height: 350px; }
																			}
/*  - - -  - - - - - - - - - - - */
/*  - - - - - - - - - - - - - - - */
/*   - - - - - - - -    header   - - - - - - - -    */
.headerinhalt 			{	flex-direction: column; text-align: center;}

.headerinhalt				{ padding-top: 2em;}
.headerinhalt				{ padding-bottom: 2.2em;}

.flexitem_header1	img	{ max-width: 50%;}
.flexitem_header2	img	{ max-width: 65%;}
/*   - - - - - - - - - - - - - -  - - - - - - - -   */
/*     inhalt    */
.inhalt							{ max-width: 600px;} 							/* maximale breite */
.inhalt							{ display: flex; margin: 0 auto; } /* inhalt zentrieren */


/* - - - - - - - -     footer     - - - - - - - -   */
/* - - - - - - - - - - - - - - - - - - -- - - - -   */
.footerinhalt	img			{ max-width: 100%;}

.footerinhalt				{ flex-direction: column; }
.footerinhalt				{ padding-top: 1.6em; padding-left: 0.4em; padding-right: 0.4em;} /* footer abstand oben  */

/*   copyright    */
.copyright						{ padding-top: 350px;}
.copyright	img				{ max-width: 100%;}