/************ MISC ************/
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 730px;
  height: 100%; }

a, p, div {
  margin: 0;
  font-family: Quicksand, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px; }

a {
  color: #998675; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: Londrina, Futura, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 54px;
  text-transform: uppercase; }

h2 {
  font-size: 44px; }

h3 {
  font-size: 38px; }

h4 {
  font-size: 30px; }

h5 {
  font-size: 24px; }

h6 {
  font-size: 18px; }

table {
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
  margin: 20px 0 20px; }

thead {
  background-color: #998675;
  color: #fff; }

tr:nth-child(2n) {
  background-color: #ebe4d2; }

th {
  font-weight: normal;
  border-right: 1px solid white; }

td {
  border-right: 1px solid #634400; }

thead, tbody {
  vertical-align: top; }

td, th {
  padding: 6px 8px;
  margin: 0; }
  td:last-child, th:last-child {
    border-right: none; }

/*********** HEADER ***********/
#header {
  position: relative;
  width: 100%;
  height: 31.25vw;
  overflow: hidden; }
  #header img {
    width: 100%; }
  #header.small {
    height: 180px; }
    #header.small img {
      position: absolute;
      bottom: -5vw; }

.page-title {
  position: absolute;
  bottom: 20px;
  left: 38%;
  color: #fff;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.35); }
  .page-title h1 {
    display: inline; }
  .page-title h4 {
    display: inline;
    margin-left: 20px; }

.hero-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 150px;
  opacity: 0.45;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
  background-image: -webkit-linear-gradient(top, transparent, black);
  background-image: -moz-linear-gradient(top, transparent, black);
  background-image: -o-linear-gradient(top, transparent, black);
  background-image: -ms-linear-gradient(top, transparent, black);
  background-image: linear-gradient(top, transparent, black);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#000000'); }

/*********** SIDEBAR **********/
#sidebar {
  position: relative;
  margin-bottom: -130px;
  top: -130px;
  float: left;
  width: 25%; }
  #sidebar img.logo {
    position: relative;
    width: 100%;
    transform: scale(1.28);
    -webkit-transform: scale(1.28);
    -moz-transform: scale(1.28);
    -ms-transform: scale(1.28);
    -o-transform: scale(1.28); }

#navigation {
  margin-top: 40px;
  margin-left: -8px; }
  #navigation a, #navigation .nav-title {
    padding: 9px;
    font-size: 15px;
    background-color: #998675;
    color: white;
    text-decoration: none;
    font-weight: bold; }
  #navigation a {
    word-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    display: block;
    border-left: 8px solid white; }
    #navigation a.current {
      border-left-color: #f0a400; }
    #navigation a:hover {
      border-left-color: #f0a400; }
  #navigation ul {
    margin: 0;
    padding: 0; }
  #navigation li {
    list-style-type: none; }
    #navigation li a {
      padding-left: 20px; }
  #navigation .home-link {
    border-left: 8px solid #634400; }
  #navigation .nav-title {
    border-left: 8px solid #634400;
    cursor: default; }
  #navigation a.current:before, #navigation a:hover:before {
    content: "";
    position: relative;
    display: block;
    float: left;
    margin-right: -30px;
    margin-bottom: -10px;
    width: 30px;
    height: 30px;
    left: -49px;
    top: -7px;
    background-image: url("/sites/56d5cafe468d5e38d98be392/theme/images/icon-pferde.png?ddc9dbb05493634df5ea582524c757dc");
    background-size: 30px; }
  #navigation a.current.katzenpension:before, #navigation a:hover.katzenpension:before {
    background-image: url("/sites/56d5cafe468d5e38d98be392/theme/images/icon-katzen.png?ee3b54e982c831f3c4b773caa1e81cc6"); }
  #navigation a.current.hundepension:before, #navigation a:hover.hundepension:before {
    left: -48px;
    background-image: url("/sites/56d5cafe468d5e38d98be392/theme/images/icon-hunde.png?f12d22c7ed6e5dcc0ba9662430150e1c"); }
  #navigation a.current.regenbogenbruecke:before, #navigation a.current.katzenundhundepflegestelle:before, #navigation a:hover.regenbogenbruecke:before, #navigation a:hover.katzenundhundepflegestelle:before {
    background-image: none; }
  #navigation a.home-link:before {
    left: -38px; }

/************ MAIN ************/
#main {
  width: 80%;
  margin: 0 auto 0; }

#content {
  float: right;
  width: 65%;
  margin-top: 50px; }
  #content p, #content div {
    text-align: justify; }
  #content span img, #content div img {
    width: 65%;
    margin-left: 5%;
    float: right;
    position: relative;
    overflow: hidden; }
  #content ul, #content ol {
    padding-left: 20px; }
  #content li {
    margin-bottom: 5px; }
  #content .lupe {
    width: auto;
    margin: 0;
    float: left; }
  #content .more-img-hint {
    margin-bottom: 10px;
    font-size: 12px;
    text-decoration: none;
    color: #634400; }
  #content .hero-links {
    position: relative;
    margin-top: 5%; }
  #content .hero-link {
    display: block;
    float: left;
    width: 33.33%;
    color: #f0a400;
    text-decoration: none; }
    #content .hero-link img {
      width: 80%;
      padding: 10% 0;
      margin: 0 10%;
      border-radius: 50%; }
    #content .hero-link p {
      padding: 0 0 10%;
      margin: 0 10%;
      color: inherit;
      font-weight: bold;
      text-align: center; }
      #content .hero-link p img {
        float: none;
        display: inline;
        position: relative;
        top: 4px;
        padding: 0 4px 0 0;
        margin: 0;
        width: 20px;
        border-radius: 0; }
    #content .hero-link:first-child p, #content .hero-link:first-child > img {
      margin-right: 20%;
      margin-left: 0; }
    #content .hero-link:last-child p, #content .hero-link:last-child > img {
      margin-right: 0;
      margin-left: 20%; }
  #content .person {
    margin: 10% 0 4%; }
    #content .person img {
      float: left;
      clear: both;
      width: 30%;
      height: 30%;
      margin: 0 30px 0 0; }
    #content .person h5 {
      margin-bottom: 6px; }
    #content .person ul {
      text-align: left; }
    #content .person:before {
      content: "";
      position: relative;
      display: block;
      float: left;
      margin-right: -30px;
      margin-bottom: -30px;
      width: 30px;
      height: 30px;
      left: -14px;
      top: -16px;
      -webkit-transform: rotate(-20deg);
      z-index: 100;
      background-image: url("/sites/56d5cafe468d5e38d98be392/theme/images/icon-pferde.png?ddc9dbb05493634df5ea582524c757dc");
      background-size: 30px; }
    #content .person.hund:before {
      background-image: url("/sites/56d5cafe468d5e38d98be392/theme/images/icon-hunde.png?f12d22c7ed6e5dcc0ba9662430150e1c"); }

#map {
  width: 100%;
  height: 500px;
  clear: both; }
  #map #OpenLayers_Control_Attribution_3 {
    display: none; }
  #map .olButton {
    display: block;
    margin-left: 10px;
    width: 26px;
    height: 26px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    color: #634400;
    border: 1px solid #634400; }
    #map .olButton:hover, #map .olButton:focus {
      background-color: #fff; }
    #map .olButton:active {
      background-color: #634400;
      color: #fff; }
  #map .olControlZoomIn {
    margin-top: 10px;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  #map .olControlZoomOut {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }

.map-link, .map-attribution {
  font-size: 14px;
  position: relative;
  top: -50px;
  left: 9px;
  color: #634400;
  z-index: 1000; }
  .map-link a, .map-attribution a {
    font-size: 14px;
    color: #634400; }

.map-attribution {
  top: -45px; }

.contact {
  width: 50%;
  height: 60px;
  padding: 4%;
  border-bottom: 1px solid #634400;
  float: left;
  background-color: #f1eee8; }
  .contact.left {
    width: 34%; }
  .contact.full {
    width: 92%;
    height: 20px;
    border-bottom: none;
    padding-bottom: 0; }
  .contact a {
    color: #634400; }

.gallery li {
  list-style-type: none; }
.gallery a {
  width: 65%;
  margin-left: 5%;
  float: right;
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }
.gallery img {
  width: 100%; }
.gallery .overlay {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: opacity ease 200ms;
  -moz-transition: opacity ease 200ms;
  -o-transition: opacity ease 200ms;
  transition: opacity ease 200ms; }
.gallery .overlay:hover {
  opacity: 0.8; }
.gallery .lupewrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -32px 0 0 -32px;
  width: 64px;
  height: 64px; }
.gallery .lupe {
  width: 64px;
  height: 64px; }
.gallery.small .lupewrapper {
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px; }
.gallery.small .lupe {
  width: 32px;
  height: 32px; }

* html .overlay {
  height: 1000px; }

.clear-both {
  clear: both; }

/*********** FOOTER ***********/
#footer {
  margin: 80px 0 0;
  padding: 25px 0 40px;
  border-top: 1px solid #634400; }
  #footer p, #footer a {
    font-size: 14px;
    color: #634400; }