/* Body */
* {
  box-sizing: border-box;
}
@media (min-width: 810px) {
  body {
    background-color: #FFFFFF;
    color: #000000;
    margin-top: 3.5em;
  }
}
@media (max-width: 810px) {
  body {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 1.5em;
    margin-top: 6.5em;
  }
}

/* Header */
@media (min-width: 810px) {
  #header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #000000;
    border-width: medium;
    position: fixed;
    right: 5;
    text-align: center;
    top: 0px;
    width: 99%;
  }
}
@media (max-width: 810px) {
  #header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #000000;
    border-width: medium;
    position: fixed;
    text-align: center;
    top: 0px;
    width: 96.2%;
  }
}

/* Clear */
.clear {
  clear: both;
}

/* Schrift */
@font-face {
  font-family: "Century Gothic";
  src: url("century-gothic.ttf"); 
}
.logo {
  font-family: "Century Gothic";
  font-weight: bold;
}

/* Body */
@media (min-width: 810px) {
  h1, h2, h3, h4, h5, p {
    font-weight: bold;
    text-align: center;
  }
  .article_left {
    border-color: #000000;
    border-radius: 15px;
    border-style: outset;
    border-width: thin;
    float: left;
    margin-bottom: 25px;
    margin-left: 6.25%;
    text-align: center;
    width: 25%;
  }
  .article_right {
    border-color: #000000;
    border-radius: 15px;
    border-style: outset;
    border-width: thin;
    float: right;
    margin-bottom: 25px;
    margin-right: 6.25%;
    text-align: center;
    width: 25%;
  }
}
@media (max-width: 810px) {
  h1, h2, h3, h4, h5, p {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
  }
  .article_mobile {
    border-color: #000000;
    border-radius: 15px;
    border-style: outset;
    border-width: thin;
    margin-bottom: 25px;
    margin-left: 7.5%;
    text-align: center;
    width: 85%;
  }
}

/* Links */
a:  {
  color: black;
  }
a:link {
  color: black;
  }
a:visited {
  color: black;
  }
a:hover {
  color: black;
  }
a:active {
  color: black;
  }
a:focus {
  color: black;
  }

/* Footer */

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

/* Footer */
@media (min-width: 810px) {
  #footer {
    border-top: 1px solid #014949;
    border-width: medium;
  }
  .kontakt {
    float: left;
    text-align: center;
    width: 24.5%;
  }
  .rechtliches {
    float: left;
    text-align: center;
    width: 24.5%;
  }
  #copyright {
    position: absolute;
    font-size: 1.3em;
    margin-top: 12em;
    text-align: center;
    width: 99%;
  }
}
@media (max-width: 810px) {
  #footer {
    border-top: 1px solid #014949;
    border-width: medium;
  }
  .kontakt, .rechtliches, .copyright {
    text-align: center;
  }
  .telefon {
    border-bottom: .1em dotted;
  }
  #copyright {
    font-size: 1.3em;
    margin-top: 2em;
    text-align: center;
  }
}
/* Impressum, Datenschutz & Disclaimer */
.impressum, .datenschutz, .disclaimer {
  border-color: #014949;
  border-radius: 15px;
  border-style: outset;
  border-width: thin;
  margin-left: 7.5%;
  width: 85%;
}















/* Im Einsatz*/
/*id="footer"
class="kontakt"
class="rechtliches"
class="link"
id="copyright"*/