body.pushable > .pusher,
body {
  background-image: url(/img/bg-wide-green.png);
  background-color: #B9C6AB;
}
.fluid.container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: white;
  padding: 2em 0;
}
.fluid.container h1,
.fluid.container h2,
.fluid.container h3,
.fluid.container h4,
.fluid.container h5,
.fluid.container h6 {
  font-weight: 200;
}
.fluid.container h1 {
  font-size: 3.5em;
  text-align: center;
}
.fluid.container h2 {
  font-size: 2.5em;
  margin-top: 1em;
}
.fluid.container p {
  font-size: 1.5em;
  font-weight: 200;
}
.awards img {
  display: block;
  width: 100%;
  height: auto;
}
.awards a {
  display: block;
  width: 80%;
  margin: auto;
}
@media only screen and (min-width: 1320px) {
  .logo-wrapper {
    position: relative;
  }
  .award {
    display: block;
    position: absolute;
    content: '';
    background: url(/img/osterei.png);
    background-size: 100% 100%;
    width: 146px;
    height: 180px;
    top: 20px;
    left: -70px;
    z-index: 1000;
    transition: transform ease-in-out 0.2s;
  }
  .award:hover {
    transform: scale(1.2);
  }
  /*
  .award {
    display: block;
    position: absolute;
    content: '';
    background: url(https://content.actionbound.com/user/5849342ebd41fc4206150ba9/image/1550664108.png);
    background-size: 100% 100%;
    width: 126px;
    height: 109px;
    top: 45%;
    left: 100px;
    z-index: 1000;
  }
  */
}
.hero.container {
  background-image: url('/img/index/hero.jpg');
  background-size: cover;
  margin-top: -2.5em;
  padding-top: 3em;
  padding-bottom: 4em;
}
.hero.container svg.logo {
  fill: white;
  margin-bottom: -1em;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .hero.container h1 {
    font-size: 2.5em !important;
  }
}
.hero.container .ui.message {
  text-align: left;
}
.hero.container .ui.message p {
  font-size: 1rem;
  font-weight: normal;
}
.green.container {
  color: #222222;
}
.green.container h2 {
  margin-top: 0;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .start.container {
    width: 723px;
  }
}
.wood.container {
  background-color: #24201c !important;
  background-size: cover;
  color: white;
}
.wood.container .chevron-right.icon {
  padding-left: 5px;
}
.wood.container .chevron-down.icon {
  position: relative;
}
.wood.container .chevron-down.icon:before {
  position: absolute;
  left: 3px;
  top: 5px;
}
.wood.container .container {
  position: relative;
}
.quote.container {
  text-align: center;
}
.quote.container p {
  font-size: 1.5em;
}
.quote.container p.quote {
  text-align: right;
}
.quote.container .ui.massive.button {
  font-size: 4em;
}
.features.container {
  background-size: cover;
  background-color: #24201c !important;
  color: white;
}
.features.container h2 {
  text-align: center;
}
.features.container a:link,
.features.container a:visited,
.features.container a:active,
.features.container a:hover {
  color: white;
  text-decoration: underline;
}
.features.container .ui.message a:link,
.features.container .ui.message a:visited,
.features.container .ui.message a:active,
.features.container .ui.message a:hover {
  color: #1e70bf;
  text-decoration: underline;
}
.testimonials.container {
  background-color: #24201c !important;
  color: white;
}
.testimonials.container h2 {
  text-align: center;
}
.testimonials.container a:link,
.testimonials.container a:visited,
.testimonials.container a:active,
.testimonials.container a:hover {
  color: white;
  text-decoration: underline;
}
.feature-list.container .ui.list {
  font-size: 1.5em;
  font-weight: 200;
}
.feature-list.container .ui.list > .item > i.icon:only-child {
  vertical-align: baseline;
  margin-right: 0.5em;
}
.horizontal.divider {
  margin: 2em 0;
}
.horizontal.divider i {
  font-size: 3em !important;
}
.brown.container {
  background-color: #24201c !important;
}
.bottom.container {
  margin-bottom: -2em;
}
.bottom.container .ui.brown.inverted.vertical.segment {
  padding-top: 4.5em;
  padding-bottom: 4.5em;
}
.bottom.container .button {
  margin: 0 2rem 0 2rem;
  width: auto;
}
h2 a {
  text-decoration: underline !important;
  color: white !important;
}
.button-column {
  position: relative;
}
.button-column .button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.reso p {
  font-style: italic;
  font-size: 1.2em;
  font-weight: 200;
}
.reso p.zite {
  font-weight: 400;
  font-style: normal;
  text-align: right;
}
.ui.embed {
  margin-bottom: 1em;
}
.morphext > .animated {
  display: inline-block;
}
img.reso.image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: filter 0.2s linear, -webkit-filter 0.2s linear;
}
img.reso.image:hover {
  -webkit-filter: none;
  filter: none;
}
.logo {
  width: 600px;
  opacity: 0.9;
  transition: opacity 0.3s;
}
.logo path {
  fill: #FA7F47;
}
.logo:hover {
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  .logo {
    width: 90%;
  }
}
p.price {
  text-align: center;
  font-style: italic;
}
.rot {
  display: none;
}
.fx2 .ui.cube.shape .side {
  padding: 0;
}
.fx2 .ui[class*="one column"].grid > .row > .column,
.fx2 .ui[class*="one column"].grid > .column:not(.row) {
  text-align: center;
}
.fx2 .ui[class*="one column"].grid > .row > .column .ui.card,
.fx2 .ui[class*="one column"].grid > .column:not(.row) .ui.card {
  text-align: left;
}
.fx2 a.card:hover {
  transform: none;
}
.fx2 .ui.cube.shape .side > .content > div {
  font-size: 1em;
}
.fx2 .ui.card {
  opacity: 1;
  min-height: 455px;
}
.button-holder {
  position: relative;
}
.button-holder .car-left.non-mobile,
.button-holder .car-right.non-mobile {
  position: absolute;
  color: white;
  font-size: 5em;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}
@media only screen and (min-width: 500px) {
  .button-holder .car-right {
    right: -0.7em;
  }
  .button-holder .car-left.non-mobile,
  .button-holder .car-right.non-mobile {
    display: flex;
  }
  .button-holder .car-left.mobile,
  .button-holder .car-right.mobile {
    display: none;
  }
}
@media only screen and (min-width: 995px) {
  .button-holder .car-left {
    left: -1em;
  }
  .button-holder .car-right {
    right: -1.5em;
  }
}
@media only screen and (min-width: 500px) {
  .ui.start.container.mobilefx {
    display: none;
  }
}
.ui.start.container.mobilefx {
  padding-top: 2em;
}
.car-left.non-mobile,
.car-right.non-mobile {
  display: none;
}
.car-left.mobile,
.car-right.mobile {
  display: block;
  font-size: 5em;
}