/* alternatives Boxmodell */
html { 
  box-sizing: border-box; 
} 

*, ::before, ::after { 
  box-sizing: inherit; 
}


@media (min-width: 60em) {
body {
	background: #fefefe;
	border-color: #fefefe;	
	display: grid;
	font-family: verdana;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: min-content 1fr min-content;
	grid-gap: 1em;
	min-height: 98vh;
}
}

body > * {
	border-radius: 0;
	border: 1px solid;
	padding: 1em;
}
body {
	background-color: #fefefe;
	font-family: verdana;
	font-size: 2vw;
	margin: 0;
	padding: 0;
}

header {
	background: #000;
	border-color: #000;
	color: #fefefe;
	margin: 0;
}

#kontakt, #impressum, #datenschutz {
	border-color: #fefefe;
	font-size: 1.5vw;
	margin: 0.25vw 0 0 0.75vw;
}

a[href^="tel"] { white-space: nowrap; }
a.schwarz { color: #000; }


h1 { color: #fefefe; font-size: 8.8vw; font-style: normal; font-weight: bold; letter-spacing: 0.05vw; margin: 0; }
p span#ar { color: #fefefe; font-size: 2.5vw; letter-spacing: 0.8vw; margin: 0 0 0 0.75vw; }
p span#na { color: #fefefe; font-size: 1.35vw; letter-spacing: 0.1vw; margin: 0 0 0 0.7vw; }

h2 { color: #000; font-size: 3.5vw; font-style: normal; font-weight: bold; margin: 1.5vw 0 1vw 0; }
h3 { color: #000; font-size: 2.5vw; font-style: normal; font-weight: bold; margin: 0 0 1vw 0; }
h4 { color: #000; font-size: 2vw; font-style: normal; font-weight: bold; margin: 0 0 1vw 0; }
p, dt, dd, li { color: #000; font-size: 2vw; font-style: normal; font-weight: normal; line-height: 3vw; }
p { margin: 1vw 0; }
dl { display: block; margin-top: 1vw; margin-bottom: 1vw; margin-left: 0; margin-right: 0; }
dt { float: left; font-weight: bold; width: 12vw; }

@media (max-width: 60em) {
h1 { color: #fefefe; font-size: 9.8vw; font-style: normal; font-weight: bold; letter-spacing: 0.05vw; margin: 0; }
p span#ar { color: #fefefe; font-size: 3.5vw; letter-spacing: 0.8vw; margin: 0 0 0 0.75vw; }
p span#na { color: #fefefe; font-size: 2.35vw; letter-spacing: 0.1vw; margin: 0 0 0 0.7vw; }
h2 { color: #000; font-size: 4.5vw; font-style: normal; font-weight: bold; margin: 1.5vw 0; }
h3 { color: #000; font-size: 3.5vw; font-style: normal; font-weight: bold; margin: 0 0 1vw 0; }
h4 { color: #000; font-size: 3vw; font-style: normal; font-weight: bold; margin: 0 0 1vw 0; }
p, dt, dd { color: #000; font-size: 3vw; font-style: normal; font-weight: normal; line-height: 4vw; }
}