html {
/*	background-color: #f9f9f9;*/

}

.flex-container {
	display:flex;
	flex-wrap: wrap;
}

.flex-item1 {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
}

.flex-item2 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 60%;
}
a {
	color:black;
	text-decoration:underline;
}

@font-face {
  font-family: Colfax;
  src: 
    url(../fonts/Colfax-Regular.ttf) format("truetype");
	font-weight: 400;


}
@font-face {
  font-family: Colfax;
  src: 

    url(../fonts/Colfax-Light.ttf) format("truetype");
	
  font-weight: 300;
}

@font-face {
  font-family: Colfax;
  src: 

    url(../fonts/Colfax-Thin.ttf) format("truetype");
	
  font-weight: 200;
}



#content{
	padding:1em;
}


h1 {
  font-family: Colfax;
  font-size: 46pt;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -1.73px;

  color: #000000;
}

h3 {
  font-family: Colfax;
  font-size: 24pt;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.7;
  letter-spacing: -1.3px;
  color: #000000;
}

body {
  font-family: Colfax;
  font-size: 20pt;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -1.0px;
  color: #000000;
}

/*h1 {padding: 0.5em 0em 1.5em 0.37em;
}

h3 {padding: 0em 0em 0em 0.8em; 
}

p {padding: 0em 1em 0em 1em; 
}


img {width: 100%;
}
*/


.logo {
width: 100%;
max-width:400px;
}


/*@media (min-width: 25em) {
	.logo {
		width: 50%;
		floath: left;
		margin: 2em 0 0 1em;;
	}
}*/
/*
@media (min-width: 50em) {
	.logo {
		width: 25%;
		
	}
}*/

@media (min-width: 1024px) {
	.logo { 
		width:25%;
		max-width:400px;
	}
}
a:link { 
color: black;
}

/* verbreitete Defaultwerte für mark-Elemente in Browserstylesheets */
mark {
  background-color: #FFF577;
  color: #000000;
}

header {
	padding: 0em 1em 4em 0em;
}

nav ul {
	display: flex;
	float: right;
}

nav li {
	list-style: none;
	margin: 0em;
	padding: 0.5em;
	font-size: 0.7em;
}

nav a {
	text-decoration: none;
}

nav a:focus,
nav a:hover,
nav a:active {
	text-decoration: underline;
}

footer {
	float: right;
	text-decoration: none;
	padding: 0em 1.5em 2em 0em;
	font-size: 0.9em;
}

footer a {
	text-decoration: none;
}

footer a:focus,
footer a:hover,
footer a:active {
	text-decoration: underline;
}


/* Fragen */
/* Verweis auf Verwendung mehrerer Schriftschnitte einer Font-Family */