* {
  box-sizing: border-box;
}

html {
  --brown: #7a4a1f;
  --gold: #caa646;
  --text: #6b4a2d;
}

html {
	font-family: Calibri,Arial,Helvetica;
	font-size: 18px;
	color: var(--text);
}

p {margin: 0.6em 0;}

a {color: var(--brown);}
a:hover {color: var(--gold);}

.wrapper {
	margin: 10vh auto;
	max-width: 500px;
	display: grid;
	grid-template-columns: 9em auto;
}

.logo img {width: 6em;}

.titel {font-size: 1.3em; margin-bottom: 3em;}
.titel h1 {margin: 0; font-size: 1.7em;}
.titel p {margin: 0;}

.footer {grid-column: 1 / 3; margin-top: 2em;}

hr {
	border: none;
	height: 1px;
	background-color: var(--gold);
}


/*********** MOBIL ***********/
@media (max-width:600px) {

.wrapper {
	grid-template-columns: 25vw auto;
}
.logo,
.inhalt {font-size: 3.4vw;}

} /* Ende mobil */