/**
  * fantour 2016 common
  * (c) 2016 3unikat - Philipp Salmutter
  */
/*
 * Susy grid settings
 */
/*
 * 3unikat mixin library
 */
/*
 * PS mixin framework
 */
/*
 * And the beauty goes here
 */
/*
 * silent classes collection
 */
/* line 8, ../sass/_silent.scss */
.list-links .link {
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px transparent;
  position: relative;
  -moz-osx-font-smoothing: grayscale;
}
/* line 17, ../sass/_silent.scss */
.list-links .link:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
}
/* line 30, ../sass/_silent.scss */
.list-links .link:hover, .list-links .link:focus, .list-links .link:active {
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
/* line 34, ../sass/_silent.scss */
.list-links .link:hover:before, .list-links .link:hover:before, .list-links .link:hover:before, .list-links .link:focus:before, .list-links .link:focus:before, .list-links .link:focus:before, .list-links .link:active:before, .list-links .link:active:before, .list-links .link:active:before {
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  opacity: 1;
}

/* line 44, ../sass/_silent.scss */
button,
.button, .list-links .link {
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #20583c;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 2.5;
  cursor: pointer;
  border: none;
  border-bottom: 0.15em solid #123323;
}
/* line 56, ../sass/_silent.scss */
button:hover,
.button:hover, .list-links .link:hover {
  background-color: #a52b30;
  border-bottom-color: #7d2024;
}

/* line 64, ../sass/_silent.scss */
.list-links .link:hover, .list-links .link:focus, .list-links .link:active {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* line 13, ../sass/common.scss */
.navigation-mobile {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: none;
  color: #fff;
  background-color: rgba(165, 43, 48, 0.5);
  padding: .25em;
}
@media (max-width: 767px) {
  /* line 13, ../sass/common.scss */
  .navigation-mobile {
    display: inline-block;
  }
}

/* line 29, ../sass/common.scss */
.wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  position: relative;
  margin: auto;
}
/* line 12, ../../../../../../usr/local/lib/ruby/gems/2.3.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
.wrapper:after {
  content: " ";
  display: block;
  clear: both;
}
@media (max-width: 1279px) {
  /* line 29, ../sass/common.scss */
  .wrapper {
    max-width: 85%;
  }
}
@media (max-width: 1023px) and (orientation: portrait) {
  /* line 29, ../sass/common.scss */
  .wrapper {
    max-width: 95%;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  /* line 29, ../sass/common.scss */
  .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  /* line 29, ../sass/common.scss */
  .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
  }
}

/* line 52, ../sass/common.scss */
.teaser {
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  position: relative;
  cursor: pointer;
  z-index: 0;
}
/* line 57, ../sass/common.scss */
.teaser [class*='__headline'] {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
/* line 61, ../sass/common.scss */
.teaser a:after {
  content: "\A";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

/* line 74, ../sass/common.scss */
.copyright {
  font-size: .75rem;
}

/* line 78, ../sass/common.scss */
[class*="__date"] {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem;
}

/* line 83, ../sass/common.scss */
.pagination {
  margin-top: 24px;
  margin-top: 1.5rem;
  text-align: center;
  font-weight: 400;
}
/* line 87, ../sass/common.scss */
.pagination .counter {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #311e15;
  line-height: 2em;
}
/* line 92, ../sass/common.scss */
.pagination ul {
  display: inline-block;
}
/* line 95, ../sass/common.scss */
.pagination li {
  float: left;
}
/* line 97, ../sass/common.scss */
.pagination li a,
.pagination li span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-shadow: none;
  display: inline-block;
  padding: 0 .75em;
  margin: 0 .25em;
}
/* line 106, ../sass/common.scss */
.pagination li a {
  background-color: #a52b30;
  color: #fff;
}
/* line 109, ../sass/common.scss */
.pagination li a:hover, .pagination li a:focus {
  background-color: #20583c;
  text-decoration: none;
}
/* line 115, ../sass/common.scss */
.pagination li span {
  background-color: #b8785a;
  color: #fff;
}
/* line 119, ../sass/common.scss */
.pagination li:first-child {
  margin-left: 0;
}

/* line 126, ../sass/common.scss */
.opening-hours {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 200;
  text-align: center;
}
/* line 130, ../sass/common.scss */
.opening-hours p {
  margin-bottom: 1em;
}

/* line 136, ../sass/common.scss */
.list-links {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
/* line 138, ../sass/common.scss */
.list-links .link {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  position: relative;
  display: block;
}
/* line 144, ../sass/common.scss */
.list-links .link a {
  display: block;
  color: #fff;
}
/* line 148, ../sass/common.scss */
.list-links .link a:before {
  position: absolute;
  left: .5em;
  top: .75em;
}

/* line 157, ../sass/common.scss */
.mod-rundgang {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
/* line 159, ../sass/common.scss */
.mod-rundgang a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  text-align: center;
  padding-bottom: 1rem;
  background-color: #20583c;
}
/* line 166, ../sass/common.scss */
.mod-rundgang a h3 {
  font-weight: 200;
  color: #fff;
}
/* line 171, ../sass/common.scss */
.mod-rundgang img {
  display: block;
  width: 100%;
}

/* line 177, ../sass/common.scss */
aside [class*="__social"] {
  *zoom: 1;
  vertical-align: top;
}
/* line 71, ../sass/_mixins.scss */
aside [class*="__social"]:before, aside [class*="__social"]:after {
  content: " ";
  display: table;
}
/* line 75, ../sass/_mixins.scss */
aside [class*="__social"]:after {
  clear: both;
}

/* line 182, ../sass/common.scss */
.link-mein-lokal {
  position: relative;
  top: -9px;
  display: inline-block;
  padding-bottom: 5px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 19px;
  color: #fff;
  background-color: #ff6600;
}
/* line 193, ../sass/common.scss */
.link-mein-lokal:hover, .link-mein-lokal:active, .link-mein-lokal:focus {
  color: #fff;
}

/* line 199, ../sass/common.scss */
.link-wirte3100 {
  position: relative;
  top: -9px;
  display: inline-block;
  padding-bottom: 5px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 20px;
  color: #fff;
  background-color: #c01f64;
  margin-right: 10px;
}
/* line 211, ../sass/common.scss */
.link-wirte3100:hover, .link-wirte3100:active, .link-wirte3100:focus {
  color: #fff;
}