@font-face {
	font-family: 'hmot';
	src: url('hmot/hermes_maia_ot_2_thin.woff2') format('woff2');
}

@font-face {
	font-family: 'hmotcaps';
	src: url('hmotcaps/hermes_maia_2_caps_regular.woff2') format('woff2');
}

@font-face {
	font-family: 'trpot';
	src: url('trpot/triplicate_ot_b_regular.woff2') format('woff2');
}

@font-feature-values 'hmot' {
   @styleset {
	M: 1;
	W: 3;
	MW: 1 3;
  }
}

@font-feature-values 'hmotcaps' {
   @styleset {
	M: 1;
	W: 3;
	MW: 1 3;
  }
}


.hmot {
	font-family: 'hmot';
	letter-spacing: 0.35rem;
	font-variant-alternates: styleset(MW);
	
}

.hmotcaps {
	font-family: 'hmotcaps';
	font-variant-alternates: styleset(MW);
	white-space: nowrap;
	
}


.trpot {
	font-family: 'trpot';
		
}




body {
	margin: 1rem auto;
	max-width: 60em;
	font-family: sans-serif;
	color: #000000;
	padding: 20px; /* Abstand innen zum Rand */
}

p {
       	font-family: 'trpot';
	font-size: 1rem;
	
}

a {
       	font-family: 'trpot';
	font-size: 1rem;
	
}


.map-container {
  position: relative;
  width: 100%;
  height: 400px; /* gewünschte Höhe */
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}