@charset "UTF-8";
/* ********************************************************************
 * CSS-MainFrame
 * beinhaltet das Grundgerüst für ein responsives CSS-MainFrame
 * Alles, was Größe betrifft gehört in die @media-Rubriken
 *
 * ********************************************************************
 */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit; }

del, ins {
  text-decoration: none; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

legend {
  color: #000; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  *font-size: 100%; }

/* ******************************************************************************************************
	Schriftarten
   ****************************************************************************************************** */
@font-face {
  font-family: 'AsapRegular';
  src: url("Asap-Regular-webfont.woff") format("woff"), url("Asap-Regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'AsapItalic';
  src: url("Asap-Italic-webfont.woff") format("woff"), url("Asap-Italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'AsapBold';
  src: url("Asap-Bold-webfont.woff") format("woff"), url("Asap-Bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'AsapBoldItalic';
  src: url("Asap-BoldItalic-webfont.woff") format("woff"), url("Asap-BoldItalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/* **
 * Copyright (C) 2016, Dirk R. Neumann - drn:informatik
 * ** */
html {
  background-color: #fff; }

body {
  font-family: 'AsapRegular', 'Arial', 'Helvetica', sans-serif;
  font-size: 14pt; }

header, footer, section, article, nav, aside {
  display: block; }

.fLeft {
  float: left; }

.fRight {
  float: right; }

.clearFix {
  clear: both; }

h1 {
  font-family: 'AsapBold', 'Arial', 'Helvetica', sans-serif;
  font-size: 2rem; }

h2 {
  font-family: 'AsapBold', 'Arial', 'Helvetica', sans-serif;
  font-size: 1.4rem;
  margin-top: 3rem; }

h3 {
  font-family: 'AsapBold', 'Arial', 'Helvetica', sans-serif;
  font-size: 1.2rem;
  margin: 1.5rem 0 0.5rem 0; }

strong {
  font-family: 'AsapBold', 'Arial', 'Helvetica', sans-serif; }

.no-u {
  display: inline-block;
  text-decoration: none; }

ul {
  list-style-type: square; }
  ul li {
    list-style-type: square;
    margin-left: 1em; }

footer {
  margin: 5rem 0 3rem 0;
  text-align: center; }
  footer a:link, footer a:visited {
    text-decoration: underline;
    color: #007C9B; }
  footer a:hover, footer a:focus, footer a:active {
    color: #579d1c; }

#main_content {
  text-align: center; }

#page_content {
  width: 50%;
  margin: 0 auto; }

header {
  text-align: center; }

.first-p {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0 0 2rem 0; }

@media screen and (max-width: 414px) {
  /* iPhone 6 Plus: x 628px (696 when scrolling) */ }
@media screen and (max-width: 375px) {
  /* iPhone 6: x 559 (627 when scrolling) */ }
@media screen and (max-width: 320px) {
  /* iPhone 4: x 372 (440 when scrolling); iPhone 5: x 460 (528 when scrolling) */ }

/*# sourceMappingURL=css-mainframe.css.map */