@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') 
  format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') 
  format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') 
  format('woff'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') 
  format('truetype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') 
  format('svg');
  font-weight: normal;
  font-style: normal;
}
/* armata-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Armata';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/armata-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.film::before {
	font: normal normal normal 1.125em FontAwesome;
  content: "\f008";
  padding: 0 0.5em 0 0;
  display: inline-block;
  float: left;
  }
  
.text::before {
	font: normal normal normal 1.125em FontAwesome;
  content: "\f044";
  padding: 0.1rem 0.5em 0 0;
  display: inline-block;
  float: left;
  }
.game::before {
	font: normal normal normal 1.125em FontAwesome;
  content: "\f11b";
  padding: 0 0.5em 0 0;
  display: inline-block;
  float: left;
  }
.kontakt::before {
	font: normal normal normal 1.125em FontAwesome;
  content: "\f003";
  padding: 0 0.5em 0 0;
  display: inline-block;
  float: left;
  }
.profil::before {
	font: normal normal normal 1.125em FontAwesome;
  content: "\f2bd";
  padding: 0 0.5em 0 0;
  display: inline-block;
  float: left;
  }
.grafik::before {
	font: normal normal normal 1.125em FontAwesome;
  content: "\f03e";
  padding: 0 0.5em 0 0;
  display: inline-block;
  float: left;
  }
.home::before {
	font: normal normal normal 1.125em FontAwesome;
  content: "\f1b2";
  padding: 0 0.5em 0 0;
  display: inline-block;
  float: left;
  }
/*
.film::before {
	font: normal normal normal 1em/1 FontAwesome;
  content: "\f1c1";
  padding: 0 1em 0 0;
  }
f1b2 cube
f2bb fa-address-card
f167 fa-youtube
f109 fa-laptop
f03e image
f044 edit
f439 chess
f108 desktop
f0e0 envelope
f008 film
f11b gamepad
f19d graduation-cap
f2c2 id-card
f303 pencil-alt
f26c tv
f091 trophy
f2bd user-circle
f03d video


/* CSS Document */

#links { -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } 
h1 {
font-weight: 400;
font-size: 1.5em;
line-height: 1.25em;
margin: 0.75em 0 0.5em 0;
letter-spacing: 0.025em;
}
h2 {
  font-weight: 500;
  font-size: 1.25em;
margin: 1rem 0 1rem 0;
}
h3 {
  font-weight: 600;
  font-size: 1.125em;
margin-bottom: 0.5em;
}
img {
max-width: 100%;
}
figure {
	margin: 0 0 1rem 0;
}
time {
font-size: 0.875em;
color: #808080;
}
button {
margin: 0.5em 0 0 0;
}
input, textarea {
width:100%;
max-width: 600px;
margin: 0 0 0.5em 0;
}
#navigation-oben li {
display: inline-block;
margin: 0 2rem 0 0;
}
#navigation-oben li a::before:hover {
filter: grayscale(1);
}
#navigation-oben li.last {
margin-right: 0em !important;
}
#navigation ul {
list-style: none;
padding: 0;
margin: 1em 0 0.5em 0;
}
.article-info-term {
	display: none;
}
dd.create {
	margin:0;
}

@media only screen and (min-width: 769px) {
h1 {
font-weight: 400;
font-size: 1.5em;
margin-top: 1em;
}
h2 {
  font-weight: 500;
  font-size: 1.25em;
margin-bottom: 1em;
}
h3 {
  font-weight: 500;
  font-size: 1em;
}
.hochformat {
width: 50%;
}

}