html {
color: #231F20;
background-color: #EEF0EB;
font-size: max(1.2vw, 1.1rem);
/*font-family: "Times New Roman", Garamond, serif; */
font-family: Arial, sans-serif; 
}

body {
	display: grid;
	gap: 0.5em;
}

body {
	margin: 0 auto;
	max-width: 60em;
}

@media (min-width: 30em) {
	body {
		grid-template-columns: 1fr 3fr;
		grid-template-rows: auto 1fr min-content;
	}
}

header,
footer {
	grid-column: 1 / -1;
}

header {
	border-bottom: 2px solid #ED1C24;
	display: grid;
	grid-template-columns: min-content 1fr;
	border-radius: 0.5em;
	padding: 0.1rem;
}

main {
	padding: 0.3rem;
	line-height: 1.5rem;
}


nav {
	/*font-size: max(1vw, 1rem);*/
	font-size: max(1.2vw, 1.2rem);
	border-right: 2px solid #ED1C24;
	padding: 0.3rem;
}

nav.ohnerechts {
	font-size: max(1vw, 1rem);
	padding: 0.3rem;
	border-right:0;
}

footer {
	background: #E6EDF1;
	border-top: 2px solid #ED1C24;
	border-radius: 0.5em;
}

footer p {
display: inline;
padding: 0.2rem;
float: right;
margin-right: 1.4rem;
}


.links {
float:left;
}

img.links {
float:left;
padding-right: 1rem;
}

a {
/*color: #231F20;*/
color: #5C1124;
text-decoration: underline solid;
}

a:hover , a:focus{
color: #25392C;
background-color: transparent;
text-decoration: none;
outline: 2px solid #3DA646;
}


p.angew, p.angewf {
background-color: #E6EDF1;
border-radius: 0.9em;
text-align: center;
font-family: sans-serif;
font-size: max(1vw, 0.8rem);
font-style: italic;
font-weight: bold;
}

.gewesen {
font-style:italic;
color: #484848;
}

p.angewf {
background-color: #EEF0EB;
}

p.angew a, p.angewf a  {
text-decoration: none;
/*color: #3DA646;*/
}



p.ohne{
text-align: center;
font-family: sans-serif;
font-size: max(1vw, 0.8rem);
}

h1 {
font-size: max(2vw, 1.6rem);
font-size: 1.6rem;
color: #1F762F;
font-style: italic;
}

h2 {
font-size: max(1.6vw, 1.4rem);
font-size: 1.4rem;
color: #1F762F;
}

h3 {
font-size: max(1.4vw, 1.2rem);
font-size: 1.2rem;
color: #1F762F;
font-weight: bold;
}

.auffallend {
font-weight: bold;
font-style: italic;
color: #1F762F;
}
.auffallendm {
font-weight: bold;
font-style: italic;
color: #1F762F;
margin-left: 2rem;
font-size: max(1.4vw, 1.2rem);
font-size: 1.2rem;
}

.fett {
font-weight: bold;
}

address {
font-weight: bold;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}

form {
background-color: #E6EDF1;
border-radius: 0.9em;
padding: 1rem;
}

label, .wielabel {
font-style: italic;
font-family: sans-serif;
font-size: max(1vw, 0.8rem);
}

form.p {
margin-top: 1.5rem;
}

[type=submit] {
font-weight: bold;
font-size: max(1vw, 1rem);
}

div.nachricht {
padding: 2rem;
margin: 2rem;
color: #231F20;
background-color: #EEF0EB;
font-family: sans-serif; 
font-style: italic;
font-weight: bold;
border: 2px solid #3DA646;
border-radius: 0.9em;
}