/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*
Custom CSS from Webdesigncounter 2016 for Fernando Ferreira
*/
/*Sticky Navigation*/
#g-navigation.headroom--not-top {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1001;
  left: 0;
}
.g-offcanvas-toggle.headroom--not-top {
  position: fixed;
  z-index: 1002;
}
.g-offcanvas-open #g-navigation.headroom--not-top {
  left: 17rem;
}
.g-offcanvas-open .g-offcanvas-toggle.headroom--not-top {
  left: 17.7rem;
}
#g-navigation.headroom--not-top, .g-offcanvas-toggle.headroom--not-top {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.headroom {
  -webkit-transition: -webkit-transform 200ms linear;
  -moz-transition: -moz-transform 200ms linear;
  transition: transform 200ms linear;
}
.headroom--pinned {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.headroom--unpinned {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
#g-navigation.headroom--not-top {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1001;
  left: 0;
}
.g-offcanvas-toggle.headroom--not-top {
  position: fixed;
  z-index: 1002;
}
.g-offcanvas-toggle.headroom--not-top.headroom--unpinned {
  top: 0;
}
.g-offcanvas-open #g-navigation.headroom--not-top {
  left: 17rem;
}
.g-offcanvas-open .g-offcanvas-toggle.headroom--not-top {
  left: 17.7rem;
}
#g-navigation.headroom--not-top, .g-offcanvas-toggle.headroom--not-top {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/*End Sticky Navigation*/
/*Nav angepasst*/
.g-main-nav .g-toplevel {
  font-weight: 200;
}
/*Ende*/
.header-info {
  font-family: "Adamina";
  font-size: 1.5em;
  color: #675353;
  padding: 0em;
}
#g-header {
  border-bottom: 3px solid #946B46;
}
.offheadershow {
  background-color: rgba(128, 128, 128, 0.5);
  padding: 2em;
}
.headershow {
  line-height: 26px;
  background-color: rgba(128, 128, 128, 0.6);
  padding: 1em;
  width: 25em;
  height: auto;
}
.startheadershow {
  line-height: 26px;
  background-color: rgba(128, 128, 128, 0.6);
  padding: 0.8em;
}
#g-showcase h1 {
  color: #fff;
}
.starttext {
  color: #adadad;
}
.crumbs {
  display: block;
}
.crumbs li {
  display: inline;
}
.crumbs li.first {
  padding-left: 8px;
}
.crumbs li a, .crumbs li a:link, .crumbs li a:visited {
  color: #966120;
  display: block;
  float: left;
  font-size: 12px;
  margin-left: -13px;
  padding: 7px 17px 11px 25px;
  position: relative;
  text-decoration: none;
}
.crumbs li a {
  background-position: 100% 0;
  position: relative;
}
.crumbs li a:hover {
  color: #adadad;
  background-position: 100% -48px;
  cursor: pointer;
}
.crumbs li a:active {
  color: #adadad;
  background-position: 100% -96px;
}
.ff-title {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: #966120;
  visibility: hidden;
}
.ff-title-line {
  background: none repeat scroll 0 0 #e5e5e5;
  height: 1px;
  margin-bottom: 20px;
  width: 100%;
}
.ff-title-line span {
  display: block;
  height: 1px;
  width: 8em;
}
.ff-title-line span, .uk-button-primary {
  background-color: #966120 !important;
}
.ff-header-title {
  line-height: 2.5rem;
  color: #ffffff !important;
  text-shadow: 0 0 10px #ccc, 0 0 60px #ccc, 0 0 150px #ccc;
}
.ff-mainbottom {
  background-color: #ffffff;
}
.w-copyright {
  padding: 2em 0em 1em 2em;
}
.features {
  background: #ffffff none repeat scroll 0px 0px;
  cursor: hand;
  font-size: 40px;
  height: 110px;
  line-height: 110px;
  margin: 0px auto 25px;
  overflow: hidden;
  position: relative;
  width: 110px;
  border-radius: 55px;
  border: 1px solid #E7E7E7;
  transition: all 0.2s ease-out 0s;
  box-shadow: 2px 2px 4px #666;
}
.features:hover {
  color: #966120;
}
/*Animated CSS*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
/*Swing*/
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
/*# sourceMappingURL=custom_14.css.map */