<style>

/* font implementation */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

	font-family: 'Noto Sans', sans-serif;



/*  @import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

font-family: 'Space Mono', monospace;

*/

h1 {
text-align: center;
}

body {
background-color: #ffffff;
}

/* link class definition */

a.kontakt:link {
		text-align: center;
		font-family: Noto Sans, sans-serif;
		text-decoration: none;
		font-size: 0.8em;
		font-weight: 700;
    	color: black;
}
a.kontakt:visited {
		text-align: center;
		font-family: Noto Sans, sans-serif;
		text-decoration: none;
		font-size: 0.8em;
		font-weight: 700;
    	color: black;
}
a.kontakt:focus   {
		text-align: center;
		font-family: Noto Sans, sans-serif;
		text-decoration: none;
		font-size: 0.8em;
		font-weight: 700;
    	color: black;
}
a.kontakt:hover   {
		text-align: center;
		font-family: Noto Sans, sans-serif;
		text-decoration: none;
		font-size: 0.8em;
		font-weight: 700;
    	color: black;
		background-color: black;
    	color: white;
		padding: 0.1em;
		display: table;
		margin: 0px auto 0px auto;
}
a.kontakt:active  {
		text-align: center;
		font-family: Noto Sans, sans-serif;
		text-decoration: none;
		font-size: 0.8em;
		font-weight: 700;
    	color: black;
}

/* font definition */
.ueberschrift {
    	text-align: center;
		font-family: Noto Sans, sans-serif;
		font-style: italic;
		font-size: 1.2em;
		font-weight: 800;
		letter-spacing: 0.1em;
		/* background-color: #ffffff; */
    	color: #000000;
		padding: 0.5em;
		display: table;
		margin: 0px auto 0px auto;
    }

.fliesstext {
    	text-align: center;
		font-family: Noto Sans, sans-serif;
		font-style: italic;
		font-size: 0.8em;
		font-weight: 300;
		background-color: white;
    	color: black;
		padding: 0.5em;
		display: table;
		margin: 0px auto 0px auto;
    }

.kontakt {
    	text-align: center;
		font-family: Noto Sans, sans-serif;
		font-style: italic;
		font-size: 0.8em;
		font-weight: 300;
    	color: black;
    }

.fusszeile {
    	text-align: center;
		font-family: Noto Sans, sans-serif;
		font-style: italic;
		font-size: 0.8em;
		font-weight: 300;
    	color: black;
    }

/* align content */
.mittig {
  		text-align: center;
}

/* box definitions */

.kopf {
		width: 50%;
		min-width: 300px;
		border: 0px;
		margin: 10px;
		/* background-color: black; */
		text-align: center;
		display: table;
		margin: 0px auto 0px auto;
		box-sizing: border-box;		
}

.test {
		width: 80%;
		/* background-color: green; */
		display: table;
		margin: 0px auto 0px auto;
		box-sizing: border-box;
}

.inhalt {
		width: 50%;
		padding: 1em;
		border: 0px;
		margin: 10px;
		/* background-color: white; */
		text-align: center;
		display: table;
		margin: 0px auto 0px auto;
		box-sizing: border-box;		
}
</style>