/**************************************
 * GENERAL
 **************************************/

body {
  width: 100%;
  font-family: 'Verdana', Arial, sans-serif;
  font-size: 75%; /* 12px */
  color: #333;
  line-height: 1.4em; /* 16px */
}

img {
  max-width: 100%;
  border-color: #fff;
}

figure {
  margin: 0px;
  padding: 0px;
}

a {
  outline: none;
  color: #577E8F;
  text-decoration: underline;
}
a:active,
a:focus {
  outline: none;
  border: 0px;
}
a:hover {
  color: #AA9A38;
}

h1 {
  font-size: 18px;
  font-size: 1.500em;
  font-weight: normal;
  color: #577E8F;
  margin: 0px;
  text-transform: uppercase;
}
h2 {
  font-size: 17px;
  font-size: 1.417em;
  font-weight: normal;
  color: #577E8F;
  margin: 0px;
  text-transform: uppercase;
}
h3 {
  font-size: 15px;
  font-size: 1.250em;
  font-weight: normal;
  color: #577E8F;
  font-family: Verdana,Helvetica,Geneva,SunSans-Regular,sans-serif;
  margin: 0px;
  text-transform: uppercase;
}
h4 {
  font-size: 14px;
  font-size: 1.167em;
  font-weight: normal;
  color: #577E8F;
  font-family: Verdana,Helvetica,Geneva,SunSans-Regular,sans-serif;
  margin: 0px;
  text-transform: uppercase;
}
h5 {
  font-size: 12px;
  font-size: 1em;
  font-weight: normal;
  color: #577E8F;
  margin: 0px;
}
h6 {
  font-size: 10px;
  font-size: 0.833em;
  font-weight: normal;
  color: #577E8F;
  font-family: Verdana,Helvetica,Geneva,SunSans-Regular,sans-serif;
  margin: 0px;
}
hgroup {
  margin-bottom: 17px;
}
hgroup h5 {
  font-weight: bold;
  font-size: 0.917em;
  line-height: 1.273em;
  color: #000;
}

/**************************************
 * SONSTIGES
 **************************************/
figure .caption {
  font-style: italic;
}


/**************************************
 * HELPER CLASSES
 **************************************/
.hide-text {
  text-indent: -9999em;
  font-size: 0px;
  width: 0px;
  height: 0px;
}
.float-right {
  float: right;
}
.w100 {
  width: 100%;
}
.frame {
  border-width: 2px;
  border-color: #FFF;
  border-style: solid;
}
.clear {
  clear: both;
  float: none;
}
.no-bg {
  background: none !important;
}
.no-border {
  border: 0px !important;
}

/**************************************
 * BUTTONS
 **************************************/
.button {
  width: 100%;
  margin: 10px 0px;
  background-color: #fecd20;
  border-top: 1px solid #fedc65;
  border-left: 1px solid #fed853;
  border-right: 1px solid #c59f19;
  border-bottom: 1px solid #ba9617;
  display: block-inline;
  color: #fff;
  text-decoration: none;
  padding: 10px 12px;
  font-size: 14px;
  font-size: 1.167em;
  letter-spacing: 1px;
}
@media screen and (min-width: 48.000em) {
  .button {
    width: auto;
  }
}

/**************************************
 * FORMS
 **************************************/
.form-control {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #575656;
  background-color: #fafaf7;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 10px;
}


/**************************************
 * RESPONSIVE EMBEDED CONTENT
 **************************************/
.google-maps {
  position: relative;
  padding-bottom: 90%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}