@font-face {
  font-family: SourceSansPro-Regular;
  src: url(/templates/wirkerei-login/fonts/SourceSansPro-Regular.ttf); }

@font-face {
  font-family: SourceSansPro-Bold;
  src: url(/templates/wirkerei-login/fonts/SourceSansPro-Bold.ttf); }

.bg-hover {
  background-color: #6ac1df;
  color: #fff; }

.hover {
  color: #6ac1df; }

.green {
  color: green; }

.space10 {
  float: none;
  clear: both;
  height: 10px;
  width: 100%; }

.space15 {
  float: none;
  clear: both;
  height: 15px;
  width: 100%; }

.space20 {
  float: none;
  clear: both;
  height: 20px;
  width: 100%; }

.space30 {
  float: none;
  clear: both;
  height: 30px;
  width: 100%; }

.space50 {
  float: none;
  clear: both;
  height: 50px;
  width: 100%; }

.space80 {
  float: none;
  clear: both;
  height: 80px;
  width: 100%; }

.space100 {
  float: none;
  clear: both;
  height: 100px;
  width: 100%; }

h1, h2, h3, h4, h5, h6, .site-title {
  font-family: SourceSansPro-Regular, sans-serif; }

h4.alert-heading {
  display: none; }

.alert {
  margin: 15px 0;
  padding: 15px;
  height: 100px; }

.login-area {
  top: 5px;
  right: 7.1%;
  position: absolute;
  text-transform: none; }
  .login-area p {
    margin: 0; }
  .login-area a {
    color: #000 !important;
    font-weight: 700;
    text-transform: none;
    float: right; }
    .login-area a:href {
      color: #6ac1df !important; }

@media (min-width: 1200px) and (max-width: 1299px) {
  .login-area {
    right: 10.8%; } }

@media (min-width: 1300px) and (max-width: 1399px) {
  .login-area {
    right: 9.8%; } }

@media (min-width: 1400px) and (max-width: 1500px) {
  .login-area {
    right: 9.5%; } }

@media (min-width: 1600px) and (max-width: 1700px) {
  .login-area {
    right: 8.5%; } }

@media (max-width: 767px) {
  .login-area {
    top: 5px;
    right: 0;
    font-size: 12px; } }

footer {
  padding-bottom: 50px;
  font-size: 1vw;
  font-family: SourceSansPro-Regular; }
  @media (min-width: 768px) and (max-width: 1024px) {
  footer {
    font-size: 2.001vw;
    text-align: center; } }
  @media (max-width: 767px) {
  footer {
    font-size: 4.001vw;
    text-align: center; } }
  footer .copyreit {
    text-align: right;
    font-size: 0.9vw; }
    @media (min-width: 768px) and (max-width: 1024px) {
  footer .copyreit {
    font-size: 1.51vw;
    text-align: center; } }
    @media (max-width: 767px) {
  footer .copyreit {
    font-size: 3.001vw;
    text-align: center; } }
  footer ul.login-area1 {
    padding-left: 0; }
    footer ul.login-area1 li {
      display: inline-block; }
      footer ul.login-area1 li:first-child a {
        padding-left: 0; }
        footer ul.login-area1 li:first-child a:after {
          content: "|";
          color: #333;
          margin-left: 20px; }
      footer ul.login-area1 li a {
        padding-left: 10px;
        color: #333; }
        footer ul.login-area1 li a:hover, footer ul.login-area1 li a:focus, footer ul.login-area1 li a:active {
          color: #6ac1df;
          background-color: transparent;
          outline: none;
          text-decoration: none; }