@charset "UTF-8";
/******************************************************************
Site Name: Genossenschaft Neubuehl
Author: Brogramming.Com

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*$bones-pink:        #f01d4f;*/
/*$black:             #323944;*/
/*$green:             #7dd667;*/
/*$green:             #00DB79;*/
/*$green:             #009A59;*/
/*$green: 			#33CC00;*/
/*$link-hover:        darken($link-color, 9%);*/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*$slick-font-family: "slick" !default;*/
/*$slick-prev-character: "←" !default;
$slick-next-character: "→" !default;
$slick-dot-character: "•" !default;*/
/* Fonts */
@import url(entypo/entypo.css);
/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif; }

/* Slider */
.slick-slider {
  margin-bottom: 7.5em; }
  .slick-slider figcaption {
    position: absolute;
    top: 100%;
    margin-top: 1.5em;
    width: 100%; }

.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: none !important;
  height: 100%;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 0;
  /*margin-top: -10px;*/
  padding: 0;
  border: none;
  outline: none;
  z-index: 2; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1;
      color: #00a962; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "entypo", sans-serif;
  font-size: 50px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 0px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0px; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: 0px; }
  [dir="rtl"] .slick-next {
    left: 0px;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "entypo", sans-serif;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slides */
.slick-slide {
  outline: none;
  /*margin: 0;*/
  /*width: 760px;*/
  /* vertical centering */
  height: 480px;
  /*TODO: responsive*/
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

/*.home .slick-slide {
	margin: 0;
	width: auto;
}*/
/* Images */
.slick-slide img {
  /*border-left: 50px solid;
  border-right: 50px solid;*/
  /*margin: 0 100px;*/
  /*display: inline;*/
  /*horiztonal centering*/
  margin: 0 auto;
  /* fluid */
  /*width: 100%;*/
  max-width: 100%;
  height: auto; }

/* RESPONSIVE */
@media only screen and (min-width: 768px) {
  /* Arrows */
  .slick-slider:hover .slick-prev,
  .slick-slider:hover .slick-next,
  .slick-slider:focus .slick-prev,
  .slick-slider:focus .slick-next {
    display: block !important; }

  /* Slides */
  .slick-slide {
    margin: 0 25px;
    width: 760px; }
    .slick-slide img {
      margin: 0;
      /* disable horiztonal centering */ } }
@media only screen and (min-width: 1240px) {
  /* Slides */
  .slick-slide {
    /*width: 1230px;
    height: 560px;*/
    width: auto;
    margin: 0;
    padding-left: 50px; }
    .slick-slide img {
      margin: 0; } }