* {
  /* Typography */
  --main-font: 'Arial 27px', sans-serif;
  
  /* Calculation */
  --responsive: calc((var(--min-font) * 1px) + (var(--max-font) - var(--min-font)) * ((100vw - 420px) / (1200 - 420))); /* Ranges from 421px to 1199px */
}

/* !important */

nav {
	 background-color: #f3f3f3;
     min-width: 500px;
	 }
header {
		background-color: #f3f3f3;
		}
body {
		background-color: #434343;
		color: #f3f3f3;
		min-width: 720px;

	  }
footer {
		font-size: 0.8em;
		background-color: #f3f3f3;
		}
a:link {color: #5c85a2; text-decoration: none}
a:visited {color: #5c85a2; text-decoration: none}
a:hover {color: #52b4fb; text-decoration: underline}
p {
	--max-font: 16;
	--min-font: 12;
	font-family: var(--main-font);
	font-size: var(--responsive);	
	text-align: justify;
	margin-right: 0.3em;
	margin-left: 0.3em;
   }
h1 {
	--max-font: 22;
    --min-font: 16;
	font-family: var(--main-font);
	font-size: var(--responsive);
	text-align: center;
	}
h2 {
	--max-font: 20;
    --min-font: 14;
	font-family: var(--main-font);
	font-size: var(--responsive);
	text-align: left;
	}
ul {
    list-style-image:url(../img/sternvoll.png);
}
li {
	--max-font: 18;
	--min-font: 14;
	font-family: var(--main-font);
	font-size: var(--responsive);	
	}
table,tr,td {
			 padding: 0;
			 border: 2px solid;
			 border-color: #434343;
			 border-collapse: collapse;
			 background-color: #f3f3f3;
			 color: #434343;
			 }
table {
		width: 720px;
		height: auto;
		align-items: center;
		}		
td.fulltd{
	padding: 0em 0em 0em 0em;
}
td a.fulltd{
	 display: block;
	 width: 100%;
	 height: 100%;
	 padding: 1.0em 1.0em 1.0em 1.0em;
}
div.fulltd{
	height:100%;
    width:100%;
}
#zentrieren{
 		    justify-content: center;
			align-items: center;
			display: flex;
			}
#main{
		margin-top: 3em;
		min-width: 200px;
		max-width: 1920px;
		font-family: Arial;
		align-items: center;
		justify-content: center;
	  }
#main img{
		  max-width:14em
		  }
#menu{
	  --max-font: 20;
      --min-font: 14;
	  font-family: var(--main-font);
	  font-size: var(--responsive);
	  margin-left: 0.5em;
      }
#contact{
		 --max-font: 20;
		 --min-font: 14;
		 color: #434343;
		 border-width: 0;
		 border-style: solid;
		 background-color: #f3f3f3;
		 padding-top: 1em;
		 padding-right: 1em;
		 padding-left: 1em;
		 padding-bottom: 1em;
		 float:right;
		 }
#impressum{
			color: #434343;
			display: flex;
			align-items: center;
			justify-content: center;
			padding-top: 1em;
			padding-bottom: 1em;
			}