@charset "UTF-8";
/* ==========================================================================
   Ausblühfrei styles
   ========================================================================== */
/** Farben **/
/* Sass Variablen */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  margin: 0px;
  background-color: #EAE7E6; }

/** Schriften **/
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #666666; }

h1 {
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase; }

h2 {
  font-size: 22px;
  margin-bottom: 40px;
  line-height: 1.4em; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 18px; }

p {
  line-height: 1.5em; }

#header {
  margin-top: 40px; }

/** Container **/
.white {
  margin-top: 25px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #FFF; }

.white h3 {
  margin-top: 10px; }

.white p {
  margin-top: 10px; }

.symbol {
  margin-top: 15px;
  margin-bottom: 35px; }

.fa.fa-circle.blue {
  color: #000aff; }

/** Logos **/
.logos .col-md-12 {
  margin-top: 50px;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
  border: 1px solid #FFF; }

.kreis1,
.kreis2,
.kreis3 {
  width: 200px;
  height: 200px;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  border-radius: 50%;
  padding-top: 70px;
  margin-bottom: 50px;
  text-align: center;
  background-color: #144194; }

.kreis2 {
  background-color: #008244; }

.kreis3 {
  background-color: #FFCC00; }

.logo {
  height: 150px;
  background-color: #FFF; }

.kreis {
  width: 40px;
  height: 40px;
  font-size: 18px;
  font-weight: 600;
  color: #666666;
  border-radius: 50%;
  padding-top: 8px;
  text-align: center;
  background-color: #FFF; }

/** Footer Section **/
#footer {
  color: #FFF;
  padding: 30px 0 25px 0;
  background-color: #666666; }

#footer p {
  font-size: 16px; }

#footer a {
  color: #FFF; }

#footer a:hover {
  color: #FFF; }

#footer a:visited {
  text-decoration: none; }