/*
* 
* Pferdepension  Kaeppler
* ============================================================
* 
*/
/* line 5, _reset.scss */
a, acronym, address, article, aside, audio, b, big, blockquote, body,
caption, canvas, center, cite, code, dd, del, dialog, div, dl, dt,
embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1,
h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, menu,
nav, object, ol, output, p, pre, section, main, small, span, strike,
strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, tr, th,
td, u, ul, video {
  vertical-align: baseline;
  white-space: normal;
  text-align: left;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

/* line 22, _reset.scss */
body, html {
  font-size: 100%;
}

/* line 26, _reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, section, main {
  display: block;
}

/* line 31, _reset.scss */
blockquote {
  quotes: none;
}

/* line 35, _reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 40, _reset.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 18, main.scss */
.white {
  color: #fff;
}

/* line 20, main.scss */
.grey {
  color: #888;
}

/* line 22, main.scss */
.black {
  color: #000;
}

/* line 24, main.scss */
.orange {
  color: #FF6B24;
}

/* line 26, main.scss */
.bgStandard {
  background-color: #eee;
}

/* Fonts
------------------------------------------------ */
@font-face {
  font-family: 'openSans';
  src: url("../sys/openSansRegularDe.eot");
  src: url("../sys/openSansRegularDe.eot?#iefix") format("embedded-opentype"), url("../sys/openSansRegularDe.woff") format("woff"), url("../sys/openSansRegularDe.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'openSansLight';
  src: url("../sys/openSansLightDe.eot");
  src: url("../sys/openSansLightDe.eot?#iefix") format("embedded-opentype"), url("../sys/openSansLightDe.woff") format("woff"), url("../sys/openSansLightDe.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'iconFont';
  src: url("../sys/icoFont.eot");
  src: url("../sys/icoFont.eot?#iefix") format("embedded-opentype"), url("../sys/icoFont.woff") format("woff"), url("../sys/icoFont.ttf") format("truetype"), url("../sys/icoFont.svg#icoFont") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Standard elements
-------------------------------------------------------- */
/* line 75, main.scss */
body {
  font-family: openSans, Helvetica, Verdana, Arial, sans-serif;
  color: #444;
  background-image: url(../sys/bgImg.jpg);
}

/* line 83, main.scss */
.openSans {
  font-family: openSans, Helvetica, Verdana, Arial, sans-serif;
}

/* line 85, main.scss */
.helvetica {
  font-family: Helvetica, Verdana, Arial, sans-serif;
}

/* line 87, main.scss */
.verdana {
  font-family: Verdana, Arial, sans-serif;
}

/* line 89, main.scss */
.arial {
  font-family: Arial, sans-serif;
}

/* line 91, main.scss */
.timesRoman {
  font-family: 'Times New Roman', Times, serif;
}

/* line 93, main.scss */
h1, h2, h3, h4, h5, h6 {
  color: #084;
  font-weight: 300;
  padding-bottom: 0.3em;
}

/* line 99, main.scss */
h1 {
  font-size: 40px;
  font-size: 2.5rem;
  padding-top: 1em;
}

/* line 105, main.scss */
h2 {
  font-size: 28px;
  font-size: 1.75rem;
}

/* line 110, main.scss */
h3 {
  font-size: 22px;
  font-size: 1.375rem;
}

/* line 115, main.scss */
h4 {
  font-size: 18px;
  font-size: 1.125rem;
}

/* line 120, main.scss */
h5 {
  font-size: 16px;
  font-size: 1rem;
}

/* line 125, main.scss */
h6 {
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 130, main.scss */
p, ul, ol, label, table {
  font-size: 15px;
  /* Fallback */
  font-size: 0.9375rem;
  letter-spacing: 0.3px;
}

/* line 136, main.scss */
p {
  padding-bottom: 0.8em;
  line-height: 1.5em;
  color: #444;
}

/* line 142, main.scss */
ul {
  list-style: none;
}

/* line 147, main.scss */
article ul {
  padding-bottom: 0.8em;
  list-style-position: outside;
}
/* line 151, main.scss */
article ul li {
  line-height: 1.5em;
  padding-left: 22px;
}
/* line 155, main.scss */
article ul li:before {
  margin-left: -22px;
  font-family: 'iconFont';
  content: "\f054  ";
  font-size: 10px;
  font-size: 0.625rem;
  color: #084;
}

/* line 168, main.scss */
ol {
  line-height: 1.4em;
  padding: 0.2em 0 0.2em 1.6em;
}

/* line 174, main.scss */
a:link {
  text-decoration: none;
  color: #084;
}
/* line 179, main.scss */
a:activ {
  color: #084;
}
/* line 181, main.scss */
a:visited {
  color: #084;
}
/* line 183, main.scss */
a:hover {
  color: #444;
}

/* line 186, main.scss */
hr {
  border-style: solid;
  border-color: #084;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-width: 1px 0px 0px;
  clear: both;
  margin: 0 0 1rem 0;
  height: 0px;
}

/* line 201, main.scss */
img {
  max-width: 100% !important;
  height: auto !important;
}

/* ---------- MEDIA QUERIES Standard elements ---------- */
@media (max-width: 60em) {
  /* line 212, main.scss */
  h1 {
    font-size: 32px;
    font-size: 2rem;
  }

  /* line 214, main.scss */
  h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }

  /* line 216, main.scss */
  h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }

  /* line 218, main.scss */
  h4 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
@media (max-width: 40em) {
  /* line 224, main.scss */
  h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }

  /* line 226, main.scss */
  h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }

  /* line 228, main.scss */
  h3 {
    font-size: 16px;
    font-size: 1rem;
  }

  /* line 230, main.scss */
  h4 {
    font-size: 15px;
    font-size: 0.9375rem;
  }

  /* line 232, main.scss */
  p, ul, ol, label, table {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
/* More elements
------------------------------------------------------------ */
/* line 246, main.scss */
.icon {
  display: block;
  padding: 5px 0;
  text-align: center;
  font-family: 'iconFont';
  /*Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 256, main.scss */
h2 .icon {
  display: inline;
  padding: 5px 0;
  text-align: left;
  font-family: 'iconFont';
  /*Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 266, main.scss */
.showMe {
  visibility: hidden;
}

/* line 268, main.scss */
a:hover .showMe {
  visibility: visible;
}

/* line 270, main.scss */
.glyph {
  width: 2em;
  padding: 0 1em 0.2em 0;
  float: left;
  overflow: hidden;
}

/* line 277, main.scss */
.fs14 {
  font-size: 14px;
}

/* line 279, main.scss */
.fs16 {
  font-size: 16px;
}

/* line 281, main.scss */
.fs28 {
  font-size: 28px;
}

/* line 283, main.scss */
.fs32 {
  font-size: 32px;
}

/* line 285, main.scss */
.fs40 {
  font-size: 40px;
  vertical-align: text-bottom;
}

/* line 290, main.scss */
.fs48 {
  font-size: 48px;
  vertical-align: text-bottom;
}

/* line 295, main.scss */
.fs60 {
  font-size: 60px;
  vertical-align: text-bottom;
}

/* line 300, main.scss */
.fontTab .icon {
  display: inline-block;
  padding: 10px 10px 10px 0;
  vertical-align: middle;
}

/* line 306, main.scss */
blockquote {
  font-family: openSansLight, Helvetica, Verdana, Arial, sans-serif;
  margin: 1em;
  padding: 1em;
  border-left: 2px solid #444;
  background: #fafafa;
}
/* line 313, main.scss */
blockquote:before {
  color: #444;
  content: "\201C";
  font-size: 30px;
  /* Fall back */
  font-size: 2rem;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
/* line 323, main.scss */
blockquote:after {
  color: #444;
  content: "\201D";
  font-size: 30px;
  /* Fall back */
  font-size: 2rem;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}
/* line 333, main.scss */
blockquote cite {
  color: #444;
  margin-top: 5px;
}
/* line 337, main.scss */
blockquote cite:before {
  content: "\2014 \2009";
}

/* line 341, main.scss */
.info {
  color: #084;
}

/* line 343, main.scss */
.warning {
  color: #d00;
}

/* line 345, main.scss */
.success {
  color: #084;
}

/* Highlight box light */
/* line 348, main.scss */
.boxLight {
  margin: 10px;
  border: 1px solid #444;
  background: #fafafa;
  padding: 10px;
}

/* Highlight box bang */
/* line 356, main.scss */
.boxBang {
  margin: 10px;
  border: 2px solid #084;
  background: #9ea;
  padding: 20px;
  color: #d00;
  text-transform: uppercase;
}

/* ---------- MEDIA QUERIES More elements ---------- */
@media (max-width: 40em) {
  /* line 368, main.scss */
  .showMe {
    visibility: visible;
  }
}
/* Helper, clearing
------------------------------------------------------------ */
/* line 381, main.scss */
.bold {
  font-weight: bold;
}

/* line 383, main.scss */
.size16 {
  font-size: 16px;
}

/* line 385, main.scss */
.center {
  text-align: center;
}

/* line 387, main.scss */
.borderRight {
  border-right: 1px solid #084;
}

/* line 389, main.scss */
.borderTop {
  border-top: 1px solid #084;
}

/* line 393, main.scss */
.hidToShow {
  display: none;
}

/*	Self clearing floats (wrapper, row) and only clearing float class (clear) */
/* line 397, main.scss */
.wrapper, .row, .clear {
  zoom: 1;
}
/* line 400, main.scss */
.wrapper:before, .row:before, .clear:before {
  content: "";
  display: table;
}
/* line 405, main.scss */
.wrapper:after, .row:after, .clear:after {
  content: "";
  display: table;
  clear: both;
}

/* Container, grid elements
------------------------------------------------------------ */
/* line 423, main.scss */
.flowOpposite {
  float: right;
}

/* line 425, main.scss */
.pad {
  padding: 3px;
}

/* line 427, main.scss */
.pad5 {
  padding: 5px;
}

/* line 429, main.scss */
.pad10 {
  padding: 10px;
}

/* line 431, main.scss */
.pad20 {
  padding: 20px;
}

/* line 433, main.scss */
.padRL10 {
  padding: 0 10px;
}

/* line 435, main.scss */
.padU10 {
  padding: 0 0 10px 0;
}

/* line 437, main.scss */
.padTop {
  padding: 40px 0 0 0;
}

/* line 439, main.scss */
.innerCol {
  margin: 10px;
}

/* line 441, main.scss */
.wrapper {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 1;
}

/* line 448, main.scss */
.wrapperIframe {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 50px;
  z-index: 1;
}
/* line 455, main.scss */
.wrapperIframe h1 {
  padding-bottom: 30px;
}

/* Only self clearing floats */
/* line 461, main.scss */
.col1XS, .col2XS, .col3XS, .col4XS, .col5XS, .col6XS, .col7XS, .col8XS,
.col9XS, .col10XS, .col11XS, .col12XS, .col1S, .col2S, .col3S, .col4S,
.col5S, .col6S, .col7S, .col8S, .col9S, .col10S, .col11S, .col12S,
.col1M, .col2M, .col3M, .col4M, .col5M, .col6M, .col7M, .col8M, .col9M,
.col10M, .col11M, .col12M, .col1L, .col2L, .col3L, .col4L, .col5L,
.col6L, .col7L, .col8L, .col9L, .col10L, .col11L, .col12 {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
}

/* ---------- MEDIA QUERIES CONTAINER GRID ELEMENTS---------- */
@media (max-width: 30em) {
  /* line 478, main.scss */
  .wrapperIframe {
    padding-top: 20px;
  }
  /* line 481, main.scss */
  .wrapperIframe h1 {
    padding: 10px;
  }
}
@media (min-width: 20em) {
  /* line 486, main.scss */
  .col1X {
    width: 8.33333333333%;
  }

  /* line 488, main.scss */
  .col2XS {
    width: 16.6666666667%;
  }

  /* line 490, main.scss */
  .col3XS {
    width: 25%;
  }

  /* line 492, main.scss */
  .col4XS {
    width: 33.3333333333%;
  }

  /* line 494, main.scss */
  .col5XS {
    width: 41.6666666667%;
  }

  /* line 496, main.scss */
  .col6XS {
    width: 50%;
  }

  /* line 498, main.scss */
  .col7XS {
    width: 58.3333333333%;
  }

  /* line 500, main.scss */
  .col8XS {
    width: 66.6666666667%;
  }

  /* line 502, main.scss */
  .col9XS {
    width: 75%;
  }

  /* line 504, main.scss */
  .col10XS {
    width: 83.3333333333%;
  }

  /* line 506, main.scss */
  .col11XS {
    width: 91.6666666667%;
  }

  /* line 508, main.scss */
  .col12XS {
    width: 100%;
  }

  /* line 510, main.scss */
  .pad {
    padding: 5px 10px;
  }
}
@media (min-width: 30em) {
  /* line 514, main.scss */
  .col1S {
    width: 8.33333333333%;
  }

  /* line 516, main.scss */
  .col2S {
    width: 16.6666666667%;
  }

  /* line 518, main.scss */
  .col3S {
    width: 25%;
  }

  /* line 520, main.scss */
  .col4S {
    width: 33.3333333333%;
  }

  /* line 522, main.scss */
  .col5S {
    width: 41.6666666667%;
  }

  /* line 524, main.scss */
  .col6S {
    width: 50%;
  }

  /* line 526, main.scss */
  .col7S {
    width: 58.3333333333%;
  }

  /* line 528, main.scss */
  .col8S {
    width: 66.6666666667%;
  }

  /* line 530, main.scss */
  .col9S {
    width: 75%;
  }

  /* line 532, main.scss */
  .col10S {
    width: 83.3333333333%;
  }

  /* line 534, main.scss */
  .col11S {
    width: 91.6666666667%;
  }

  /* line 536, main.scss */
  .col12S {
    width: 100%;
  }

  /* line 538, main.scss */
  .pad {
    padding: 10px 20px;
  }
}
@media (min-width: 48em) {
  /* line 542, main.scss */
  .col1M {
    width: 8.33333333333%;
  }

  /* line 544, main.scss */
  .col2M {
    width: 16.6666666667%;
  }

  /* line 546, main.scss */
  .col3M {
    width: 25%;
  }

  /* line 548, main.scss */
  .col4M {
    width: 33.3333333333%;
  }

  /* line 550, main.scss */
  .col5M {
    width: 41.6666666667%;
  }

  /* line 552, main.scss */
  .col6M {
    width: 50%;
  }

  /* line 554, main.scss */
  .col7M {
    width: 58.3333333333%;
  }

  /* line 556, main.scss */
  .col8M {
    width: 66.6666666667%;
  }

  /* line 558, main.scss */
  .col9M {
    width: 75%;
  }

  /* line 560, main.scss */
  .col10M {
    width: 83.3333333333%;
  }

  /* line 562, main.scss */
  .col11M {
    width: 91.6666666667%;
  }

  /* line 564, main.scss */
  .col12M {
    width: 100%;
  }

  /* line 566, main.scss */
  .pad {
    padding: 15px 40px;
  }
}
@media (min-width: 65em) {
  /* line 570, main.scss */
  .col1L {
    width: 8.33333333333%;
  }

  /* line 572, main.scss */
  .col2L {
    width: 16.6666666667%;
  }

  /* line 574, main.scss */
  .col3L {
    width: 25%;
  }

  /* line 576, main.scss */
  .col4L {
    width: 33.3333333333%;
  }

  /* line 578, main.scss */
  .col5L {
    width: 41.6666666667%;
  }

  /* line 580, main.scss */
  .col6L {
    width: 50%;
  }

  /* line 582, main.scss */
  .col7L {
    width: 58.3333333333%;
  }

  /* line 584, main.scss */
  .col8L {
    width: 66.6666666667%;
  }

  /* line 586, main.scss */
  .col9L {
    width: 75%;
  }

  /* line 588, main.scss */
  .col10L {
    width: 83.3333333333%;
  }

  /* line 590, main.scss */
  .col11L {
    width: 91.6666666667%;
  }

  /* line 592, main.scss */
  .col12L {
    width: 100%;
  }
}
/* Header
------------------------------------------------------------ */
/* line 604, main.scss */
.headerMax {
  position: fixed;
  width: 100%;
  background: #9ea;
  background-image: url(../sys/bgImg.jpg);
  z-index: 2;
}

/* line 614, main.scss */
.logo {
  display: inline-block;
  float: left;
  width: 100px;
  margin: 5px 0px 0px 30px;
  font-family: we3agentur, openSansLight, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #084;
  font-size: 24px;
  font-size: 1.5rem;
}
/* line 626, main.scss */
.logo span {
  display: inline;
}
/* line 628, main.scss */
.logo img {
  width: 100%;
}

/* line 631, main.scss */
#slogan {
  margin-left: 170px;
  padding: 25px 5px 5px 0px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 640, main.scss */
#sloganSmall {
  display: none;
}

/* line 644, main.scss */
.headline {
  margin: -4em 0 0 0;
  z-index: 10;
}
/* line 648, main.scss */
.headline h1 {
  display: inline-block;
  widht: 90%;
  margin: 0 0 0 7rem;
  padding: 0 0.5em;
  font-size: 64px;
  font-size: 4rem;
  background-color: #7c8;
}

/* ---------- END MEDIA QUERIES HEADER ---------- */
@media (max-width: 55em) {
  /* line 662, main.scss */
  .headline {
    margin: -2.6em 0 0 0;
  }
  /* line 665, main.scss */
  .headline h1 {
    margin: 0 0 0 2em;
    font-size: 40px;
    font-size: 2.75rem;
  }
}
@media (max-width: 42em) {
  /* line 674, main.scss */
  .logo {
    width: 80px;
    margin: 10px 0 10px 10px;
  }

  /* line 679, main.scss */
  #slogan {
    padding: 15px 5px 5px 0px;
    margin-left: 110px;
    font-size: 16px;
  }
}
@media (max-width: 32em) {
  /* line 687, main.scss */
  #slogan {
    display: none;
    float: left;
  }

  /* line 692, main.scss */
  #sloganSmall {
    display: inline-block;
    margin-left: 20px;
    padding: 10px 5px 5px 0px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
  }

  /* line 702, main.scss */
  .logo {
    width: 60px;
    margin: 5px 0 0 10px;
  }

  /* line 707, main.scss */
  .headline {
    margin: -2rem 0 0 0;
  }
  /* line 710, main.scss */
  .headline h1 {
    font-family: openSansLight, openSans, Verdana, Helvetica, Arial, sans-serif;
    margin: 0 0 0 1em;
    font-size: 20px;
    font-size: 1.75rem;
  }
}
/* Sidebar
------------------------------------------------------------ */
/* line 730, main.scss */
aside {
  height: 100%;
  margin: 30px 0;
}
/* line 734, main.scss */
aside .innerCol {
  padding: 20px;
  margin: 0 0 20px 0;
}
/* line 739, main.scss */
aside .title {
  font-family: openSansLight, openSans, Helvetica, Verdana, Arial, sans-serif;
  color: #084;
  font-size: 1.4rem;
  padding-bottom: 0.3em;
}
/* line 746, main.scss */
aside td {
  padding: 5px 5px 5px 0;
}

/* ----------  MEDIA QUERIES SIDEBAR ---------- */
@media (max-width: 48em) {
  /* line 752, main.scss */
  aside {
    margin-top: 10px;
  }
  /* line 755, main.scss */
  aside p, aside a {
    text-align: center;
  }
  /* line 757, main.scss */
  aside table {
    margin: 0 auto;
  }
  /* line 759, main.scss */
  aside td {
    padding: 5px;
  }
  /* line 761, main.scss */
  aside .innerCol {
    background: #9ea;
  }
  /* line 763, main.scss */
  aside .iconNavi {
    width: 180px;
    margin: 0 auto;
  }
}
/* Main
------------------------------------------------------------ */
/* line 778, main.scss */
.subtitle {
  height: 65px;
  padding: 5px 10px 0px 0px;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  background-image: url(../sys/bgBalken.png);
  background-repeat: no-repeat;
}
/* line 787, main.scss */
.subtitle h2 {
  color: #fff;
  text-align: right;
}

/* line 793, main.scss */
a .spekBox {
  position: relative;
  height: 150px;
  width: 150px;
  padding: 12px 0;
  margin: 10px auto;
  overflow: hidden;
  text-align: center;
  border-radius: 750px;
  background-color: #9ea;
}
/* line 804, main.scss */
a .spekBox p {
  width: 100%;
  padding-top: 5px;
  font-size: 1.125rem;
  text-align: center;
}

/* line 813, main.scss */
a:hover .spekBox {
  color: #eee;
}

/* Image text in gallery-card*/
/* line 816, main.scss */
.imgText h3 {
  font-size: 1.4rem;
}

/* ----------  MEDIA QUERIES MAIN ---------- */
@media (max-width: 40em) {
  /* line 824, main.scss */
  .subtitle {
    padding: 15px 10px 0px 0px;
  }
}
@media (max-width: 60em) {
  /* line 828, main.scss */
  .subtitle {
    padding: 10px 10px 0px 0px;
  }
}
/* Footer
------------------------------------------------------------ */
/* line 843, main.scss */
.footerMax {
  width: 100%;
  background: #444;
}

/* line 850, main.scss */
footer a:hover, footer a .span:hover {
  color: #084;
}
/* line 853, main.scss */
footer .title {
  color: #fff;
  font-size: 1rem;
  padding: 10px 0 1.2em 0;
}
/* line 859, main.scss */
footer .innerCol {
  margin: 10px 10px 0 10px;
}
/* line 861, main.scss */
footer .borderTopXS {
  border-top: 0px none;
}

/* line 864, main.scss */
.foo {
  padding: 10px 0 0 0;
}
/* line 867, main.scss */
.foo p, .foo a {
  font-size: 0.8125rem;
  color: #fff;
}

/* line 873, main.scss */
.dropdown {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 0.8125rem;
  cursor: pointer;
}
/* line 880, main.scss */
.dropdown:hover {
  color: #084;
}
/* line 883, main.scss */
.dropdown:hover .dropdown-content {
  display: block;
}

/* line 887, main.scss */
.dropdown-content {
  display: none;
  position: absolute;
  bottom: 18px;
  width: 200px;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  font-size: 0.8125rem;
  background-color: #7c8;
}

/* ---------- MEDIA QUERIES FOOTER ---------- */
@media (max-width: 30em) {
  /* line 903, main.scss */
  footer li a {
    padding: 0;
  }
  /* line 905, main.scss */
  footer .innerCol {
    margin: 10px 0;
  }
}
@media (max-width: 48em) {
  /* line 911, main.scss */
  footer .borderRight {
    border: 0;
  }
  /* line 913, main.scss */
  footer .borderTopXS {
    border-top: 1px solid #084;
  }
  /* line 915, main.scss */
  footer p, footer h3 {
    text-align: center;
  }
}
/* line 920, main.scss */
.menuFooter ul {
  text-align: center;
}
/* line 922, main.scss */
.menuFooter li {
  display: inline-block;
}
/* line 925, main.scss */
.menuFooter li a {
  padding: 5px 10px 5px 10px;
}

/* Menu
------------------------------------------------------------ */
/* line 942, main.scss */
.menu ul {
  position: absolute;
  right: 50px;
  display: inline-block;
  text-align: left;
}
/* line 949, main.scss */
.menu li {
  display: inline;
  float: left;
}
/* line 954, main.scss */
.menu li a {
  display: block;
  padding: 10px 20px;
  text-align: center;
}

/* line 961, main.scss */
.subNavi {
  display: block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 10px auto;
  text-align: center;
  border: solid 2px #fff;
  border-radius: 50px;
}
/* line 971, main.scss */
.subNavi img {
  width: 100px;
  height: 100px;
}

@media screen and (max-width: 60em) {
  /* line 978, main.scss */
  .menu ul {
    position: absolute;
    right: 50px;
    display: none;
    text-align: left;
  }
}
/* FORMS
------------------------------------------------------------ */
/* line 998, main.scss */
form {
  background: #fff;
}
/* line 1003, main.scss */
form table {
  max-width: 100%;
}
/* line 1005, main.scss */
form th {
  padding: 0 5px;
  text-align: center;
}
/* line 1010, main.scss */
form .title {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  background: #7c8;
}

/* line 1024, main.scss */
fieldset {
  padding: 20px 30px;
}

/* line 1028, main.scss */
label {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 2em;
}

/* line 1037, main.scss */
textarea {
  width: 100%;
  height: 150px;
  margin-bottom: 12px;
  padding: 6px 10px;
  font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
  font-size: 0.75rem;
  color: #444;
  letter-spacing: 1px;
  border: 1px solid #444;
  background-color: #fff;
}
/* line 1049, main.scss */
textarea:hover {
  background-color: #c7f5d0;
}
/* line 1051, main.scss */
textarea:focus {
  border: 1px solid #444;
  background-color: #fafafa;
}

/* line 1057, main.scss */
input {
  width: 100%;
  margin-bottom: 12px;
  padding: 10px 10px;
  color: #444;
  letter-spacing: 1px;
  border: 1px solid #444;
  background-color: #fff;
}
/* line 1066, main.scss */
input:hover {
  background-color: #c7f5d0;
}
/* line 1068, main.scss */
input:focus {
  border: 1px solid #444;
  background-color: #fafafa;
}
/* line 1073, main.scss */
input[type="checkbox"] {
  width: auto;
  padding: 5px;
  color: #fff;
  cursor: pointer;
  border: none;
  background: #eee;
}
/* line 1082, main.scss */
input[type="submit"] {
  margin-top: 30px;
  color: #fff;
  cursor: pointer;
  border: none;
  background: #7c8;
}
/* line 1089, main.scss */
input[type="submit"]:hover {
  color: #084;
  background: #c7f5d0;
}
/* line 1095, main.scss */
input[type="reset"] {
  margin-top: 30px;
  color: #084;
  cursor: pointer;
  border: none;
  background: #eee;
}
/* line 1102, main.scss */
input[type="reset"]:hover {
  color: #084;
  background: #c7f5d0;
}

/* line 1109, main.scss */
select {
  width: 100%;
  margin-bottom: 12px;
  padding: 10px 10px;
  color: #444;
  letter-spacing: 1px;
  border: 1px solid #084;
  background-color: #eee;
}
/* line 1118, main.scss */
select:hover {
  background-color: #444;
}

/* line 1121, main.scss */
option {
  padding-left: 10px;
}

/* Close-Button in Overlay-Formularen */
/* line 1126, main.scss */
.formButton a {
  display: block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 12px;
  padding: 10px 10px;
  font-size: 0.8125rem;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #7c8;
}
/* line 1139, main.scss */
.formButton a a:hover {
  color: #084;
  background: #c7f5d0;
}

/* Highlight error fields */
/* line 1148, main.scss */
.errorField {
  background-color: #faa;
}
/* line 1151, main.scss */
.errorField:hover {
  background-color: #faa;
}
/* line 1153, main.scss */
.errorField:focus {
  background-color: #faa;
}

/* line 1159, main.scss */
.sprechZeit {
  display: inline-block;
  width: 50px;
}

/* line 1164, main.scss */
.editRights {
  font-size: 0.75rem;
}