/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 22, ../sass/core/normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 32, ../sass/core/normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, ../sass/core/normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 50, ../sass/core/normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 64, ../sass/core/normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 74, ../sass/core/normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 86, ../sass/core/normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 95, ../sass/core/normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 108, ../sass/core/normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 117, ../sass/core/normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 126, ../sass/core/normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 134, ../sass/core/normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 142, ../sass/core/normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 152, ../sass/core/normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 164, ../sass/core/normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 173, ../sass/core/normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 181, ../sass/core/normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 189, ../sass/core/normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 198, ../sass/core/normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 205, ../sass/core/normalize.scss */
sup {
  top: -0.3em;
}

/* line 209, ../sass/core/normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 221, ../sass/core/normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 229, ../sass/core/normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 241, ../sass/core/normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 253, ../sass/core/normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 264, ../sass/core/normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 278, ../sass/core/normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 290, ../sass/core/normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 302, ../sass/core/normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 317, ../sass/core/normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 327, ../sass/core/normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 337, ../sass/core/normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 348, ../sass/core/normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 361, ../sass/core/normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 370, ../sass/core/normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 380, ../sass/core/normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 393, ../sass/core/normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 17, ../sass/core/h5bp.scss */
html,
button,
input,
select,
textarea {
  color: #262626;
}

/* line 21, ../sass/core/h5bp.scss */
body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
/* line 32, ../sass/core/h5bp.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 37, ../sass/core/h5bp.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 46, ../sass/core/h5bp.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/* line 59, ../sass/core/h5bp.scss */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
/* line 67, ../sass/core/h5bp.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 77, ../sass/core/h5bp.scss */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
/* line 85, ../sass/core/h5bp.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* line 8, ../sass/components/grid.scss */
.container {
  *zoom: 1;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}
/* line 38, ../../../../../../../../../usr/local/bundle/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.container:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 960px) {
  /* line 8, ../sass/components/grid.scss */
  .container {
    max-width: 1120px;
    padding: 0 20px;
  }
}

/* line 16, ../sass/components/grid.scss */
.row {
  clear: both;
  width: 100%;
}
/* line 20, ../sass/components/grid.scss */
.row.top {
  padding-top: 20px;
}
/* line 23, ../sass/components/grid.scss */
.row.full {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
}
/* line 27, ../sass/components/grid.scss */
.row.full img {
  width: 100%;
  margin-left: -20px;
  padding: 0 20px;
}
/* line 33, ../sass/components/grid.scss */
.row [class*="col"] {
  width: 100%;
  /*overflow: hidden;*/
  margin-bottom: 20px;
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  /* line 40, ../sass/components/grid.scss */
  .row [class*="col"].col-9 {
    width: 100%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 43, ../sass/components/grid.scss */
  .row [class*="col"].col-6 {
    width: 100%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 46, ../sass/components/grid.scss */
  .row [class*="col"].col-3 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (max-width: 959px) {
  /* line 52, ../sass/components/grid.scss */
  .row [class*="col"].logo-menu {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 55, ../sass/components/grid.scss */
  .row [class*="col"].menu {
    width: 100%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
    float: right;
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  /* line 33, ../sass/components/grid.scss */
  .row [class*="col"] {
    width: 6.69643%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 64, ../sass/components/grid.scss */
  .row [class*="col"].col-1 {
    width: 6.69643%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 65, ../sass/components/grid.scss */
  .row [class*="col"].col-2 {
    width: 15.17857%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 66, ../sass/components/grid.scss */
  .row [class*="col"].col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 67, ../sass/components/grid.scss */
  .row [class*="col"].col-4 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 68, ../sass/components/grid.scss */
  .row [class*="col"].col-5 {
    width: 40.625%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 69, ../sass/components/grid.scss */
  .row [class*="col"].col-6 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 70, ../sass/components/grid.scss */
  .row [class*="col"].col-7 {
    width: 57.58929%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 71, ../sass/components/grid.scss */
  .row [class*="col"].col-8 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 72, ../sass/components/grid.scss */
  .row [class*="col"].col-9 {
    width: 74.55357%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 73, ../sass/components/grid.scss */
  .row [class*="col"].col-10 {
    width: 83.03571%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 74, ../sass/components/grid.scss */
  .row [class*="col"].col-11 {
    width: 91.51786%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 75, ../sass/components/grid.scss */
  .row [class*="col"].col-12 {
    width: 100%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 78, ../sass/components/grid.scss */
.row [class*="col"].omega {
  margin-right: 0 !important;
}
/* line 81, ../sass/components/grid.scss */
.row.gray {
  background: #f4f4f4;
  border: 1px solid #d8d6ce;
  border-width: 1px 0 1px 0;
  padding: 0 20px;
  margin-left: -20px;
}
/* line 87, ../sass/components/grid.scss */
.row.gray [class*="col"] {
  margin-bottom: 0;
}
/* line 90, ../sass/components/grid.scss */
.row.gray .omega {
  float: right;
}
/* line 93, ../sass/components/grid.scss */
.row.black {
  z-index: 2;
  background: black;
  padding: 20px 0;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  /* line 93, ../sass/components/grid.scss */
  .row.black {
    margin-left: -20px;
    padding: 20px 20px 40px 20px;
  }
}
/* line 102, ../sass/components/grid.scss */
.row.black .col-3 {
  background: white;
  position: relative;
  z-index: 2;
  min-height: 400px;
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
/* line 104, ../sass/components/grid.scss */
.row.black .col-3.green {
  background: #017d47;
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  /* line 102, ../sass/components/grid.scss */
  .row.black .col-3 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 114, ../sass/components/grid.scss */
  .row.black .col-3:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  /* line 102, ../sass/components/grid.scss */
  .row.black .col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
    margin-top: -40px;
  }
}
/* line 124, ../sass/components/grid.scss */
.row.black.nospotlight .col-3 {
  margin-top: 0;
}
/* line 128, ../sass/components/grid.scss */
.row.overview-item [class*="col"], .row.detail [class*="col"], .row.overview [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 640px) {
  /* line 132, ../sass/components/grid.scss */
  .row.overview-item .col-9, .row.detail .col-9, .row.overview .col-9 {
    width: 100%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 134, ../sass/components/grid.scss */
  .row.overview-item .col-9.news, .row.detail .col-9.news, .row.overview .col-9.news {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 138, ../sass/components/grid.scss */
  .row.overview-item .col-7, .row.detail .col-7, .row.overview .col-7 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 141, ../sass/components/grid.scss */
  .row.overview-item .col-6, .row.detail .col-6, .row.overview .col-6 {
    width: 57.58929%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 144, ../sass/components/grid.scss */
  .row.overview-item .col-4, .row.detail .col-4, .row.overview .col-4 {
    width: 40.625%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 147, ../sass/components/grid.scss */
  .row.overview-item .col-3, .row.detail .col-3, .row.overview .col-3 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 151, ../sass/components/grid.scss */
  .row.overview-item.article .col-3, .row.overview-item.article .col-5, .row.overview-item.news .col-3, .row.overview-item.news .col-5, .row.overview-item.tips .col-3, .row.overview-item.tips .col-5, .row.detail.article .col-3, .row.detail.article .col-5, .row.detail.news .col-3, .row.detail.news .col-5, .row.detail.tips .col-3, .row.detail.tips .col-5, .row.overview.article .col-3, .row.overview.article .col-5, .row.overview.news .col-3, .row.overview.news .col-5, .row.overview.tips .col-3, .row.overview.tips .col-5 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 154, ../sass/components/grid.scss */
  .row.overview-item.article .col-7, .row.overview-item.news .col-7, .row.overview-item.tips .col-7, .row.detail.article .col-7, .row.detail.news .col-7, .row.detail.tips .col-7, .row.overview.article .col-7, .row.overview.news .col-7, .row.overview.tips .col-7 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 159, ../sass/components/grid.scss */
  .row.overview-item.events .col-7, .row.detail.events .col-7, .row.overview.events .col-7 {
    width: 100%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 800px) {
  /* line 166, ../sass/components/grid.scss */
  .row.overview-item.detail .col-7, .row.detail.detail .col-7, .row.overview.detail .col-7 {
    width: 83.03571%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 170, ../sass/components/grid.scss */
  .row.overview-item.article .col-3, .row.overview-item.article .col-5, .row.overview-item.news .col-3, .row.overview-item.news .col-5, .row.overview-item.events .col-3, .row.overview-item.events .col-5, .row.overview-item.tips .col-3, .row.overview-item.tips .col-5, .row.detail.article .col-3, .row.detail.article .col-5, .row.detail.news .col-3, .row.detail.news .col-5, .row.detail.events .col-3, .row.detail.events .col-5, .row.detail.tips .col-3, .row.detail.tips .col-5, .row.overview.article .col-3, .row.overview.article .col-5, .row.overview.news .col-3, .row.overview.news .col-5, .row.overview.events .col-3, .row.overview.events .col-5, .row.overview.tips .col-3, .row.overview.tips .col-5 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 173, ../sass/components/grid.scss */
  .row.overview-item.article .col-7, .row.overview-item.news .col-7, .row.overview-item.events .col-7, .row.overview-item.tips .col-7, .row.detail.article .col-7, .row.detail.news .col-7, .row.detail.events .col-7, .row.detail.tips .col-7, .row.overview.article .col-7, .row.overview.news .col-7, .row.overview.events .col-7, .row.overview.tips .col-7 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 960px) {
  /* line 181, ../sass/components/grid.scss */
  .row.overview-item.download .col-3, .row.detail.download .col-3, .row.overview.download .col-3 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 184, ../sass/components/grid.scss */
  .row.overview-item.download .col-9, .row.detail.download .col-9, .row.overview.download .col-9 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 1160px) {
  /* line 191, ../sass/components/grid.scss */
  .row.overview-item .col-9, .row.detail .col-9, .row.overview .col-9 {
    width: 74.55357%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 193, ../sass/components/grid.scss */
  .row.overview-item .col-9.news, .row.detail .col-9.news, .row.overview .col-9.news {
    width: 74.55357%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 197, ../sass/components/grid.scss */
  .row.overview-item .col-7, .row.overview-item.detail .col-7, .row.detail .col-7, .row.detail.detail .col-7, .row.overview .col-7, .row.overview.detail .col-7 {
    width: 57.58929%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 200, ../sass/components/grid.scss */
  .row.overview-item .col-6, .row.detail .col-6, .row.overview .col-6 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 203, ../sass/components/grid.scss */
  .row.overview-item .col-5, .row.overview-item.detail .col-5, .row.detail .col-5, .row.detail.detail .col-5, .row.overview .col-5, .row.overview.detail .col-5 {
    width: 40.625%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 206, ../sass/components/grid.scss */
  .row.overview-item .col-4, .row.detail .col-4, .row.overview .col-4 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 209, ../sass/components/grid.scss */
  .row.overview-item .col-3, .row.detail .col-3, .row.overview .col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 216, ../sass/components/grid.scss */
.row.downloads [class*="col"], .row.tips [class*="col"], .row.brochures [class*="col"], .row.news [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 640px) {
  /* line 218, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-3, .row.tips [class*="col"].col-3, .row.brochures [class*="col"].col-3, .row.news [class*="col"].col-3 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 1160px) {
  /* line 218, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-3, .row.tips [class*="col"].col-3, .row.brochures [class*="col"].col-3, .row.news [class*="col"].col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 640px) {
  /* line 226, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9, .row.tips [class*="col"].col-9, .row.brochures [class*="col"].col-9, .row.news [class*="col"].col-9 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 1160px) {
  /* line 226, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9, .row.tips [class*="col"].col-9, .row.brochures [class*="col"].col-9, .row.news [class*="col"].col-9 {
    width: 74.55357%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 234, ../sass/components/grid.scss */
.row.downloads [class*="col"].col-9 .overview-item .col-3, .row.tips [class*="col"].col-9 .overview-item .col-3, .row.brochures [class*="col"].col-9 .overview-item .col-3, .row.news [class*="col"].col-9 .overview-item .col-3 {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 960px) {
  /* line 234, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 .overview-item .col-3, .row.tips [class*="col"].col-9 .overview-item .col-3, .row.brochures [class*="col"].col-9 .overview-item .col-3, .row.news [class*="col"].col-9 .overview-item .col-3 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 1160px) {
  /* line 234, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 .overview-item .col-3, .row.tips [class*="col"].col-9 .overview-item .col-3, .row.brochures [class*="col"].col-9 .overview-item .col-3, .row.news [class*="col"].col-9 .overview-item .col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 244, ../sass/components/grid.scss */
.row.downloads [class*="col"].col-9 #brochure-list .col-3, .row.tips [class*="col"].col-9 #brochure-list .col-3, .row.brochures [class*="col"].col-9 #brochure-list .col-3, .row.news [class*="col"].col-9 #brochure-list .col-3 {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 480px) and (max-width: 799px) {
  /* line 244, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 #brochure-list .col-3, .row.tips [class*="col"].col-9 #brochure-list .col-3, .row.brochures [class*="col"].col-9 #brochure-list .col-3, .row.news [class*="col"].col-9 #brochure-list .col-3 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 249, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 #brochure-list .col-3:nth-child(2n), .row.tips [class*="col"].col-9 #brochure-list .col-3:nth-child(2n), .row.brochures [class*="col"].col-9 #brochure-list .col-3:nth-child(2n), .row.news [class*="col"].col-9 #brochure-list .col-3:nth-child(2n) {
    margin-right: 0;
  }
  /* line 252, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 #brochure-list .col-3:nth-child(2n + 1), .row.tips [class*="col"].col-9 #brochure-list .col-3:nth-child(2n + 1), .row.brochures [class*="col"].col-9 #brochure-list .col-3:nth-child(2n + 1), .row.news [class*="col"].col-9 #brochure-list .col-3:nth-child(2n + 1) {
    clear: left;
  }
}
@media screen and (min-width: 800px) and (max-width: 959px) {
  /* line 244, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 #brochure-list .col-3, .row.tips [class*="col"].col-9 #brochure-list .col-3, .row.brochures [class*="col"].col-9 #brochure-list .col-3, .row.news [class*="col"].col-9 #brochure-list .col-3 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 259, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 #brochure-list .col-3:nth-child(3n), .row.tips [class*="col"].col-9 #brochure-list .col-3:nth-child(3n), .row.brochures [class*="col"].col-9 #brochure-list .col-3:nth-child(3n), .row.news [class*="col"].col-9 #brochure-list .col-3:nth-child(3n) {
    margin-right: 0;
  }
  /* line 262, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 #brochure-list .col-3:nth-child(3n + 1), .row.tips [class*="col"].col-9 #brochure-list .col-3:nth-child(3n + 1), .row.brochures [class*="col"].col-9 #brochure-list .col-3:nth-child(3n + 1), .row.news [class*="col"].col-9 #brochure-list .col-3:nth-child(3n + 1) {
    clear: left;
  }
}
@media screen and (min-width: 960px) {
  /* line 244, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 #brochure-list .col-3, .row.tips [class*="col"].col-9 #brochure-list .col-3, .row.brochures [class*="col"].col-9 #brochure-list .col-3, .row.news [class*="col"].col-9 #brochure-list .col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 269, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 #brochure-list .col-3:nth-child(4n), .row.tips [class*="col"].col-9 #brochure-list .col-3:nth-child(4n), .row.brochures [class*="col"].col-9 #brochure-list .col-3:nth-child(4n), .row.news [class*="col"].col-9 #brochure-list .col-3:nth-child(4n) {
    margin-right: 0;
  }
  /* line 272, ../sass/components/grid.scss */
  .row.downloads [class*="col"].col-9 #brochure-list .col-3:nth-child(4n + 1), .row.tips [class*="col"].col-9 #brochure-list .col-3:nth-child(4n + 1), .row.brochures [class*="col"].col-9 #brochure-list .col-3:nth-child(4n + 1), .row.news [class*="col"].col-9 #brochure-list .col-3:nth-child(4n + 1) {
    clear: left;
  }
}
/* line 282, ../sass/components/grid.scss */
.row.subpages [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 640px) {
  /* line 284, ../sass/components/grid.scss */
  .row.subpages [class*="col"].col-6 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 293, ../sass/components/grid.scss */
.row.products [class*="col"], .row.creations [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  /* line 295, ../sass/components/grid.scss */
  .row.products [class*="col"].col-3, .row.products [class*="col"].col-4, .row.creations [class*="col"].col-3, .row.creations [class*="col"].col-4 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 298, ../sass/components/grid.scss */
  .row.products [class*="col"].col-3:nth-child(2n), .row.products [class*="col"].col-4:nth-child(2n), .row.creations [class*="col"].col-3:nth-child(2n), .row.creations [class*="col"].col-4:nth-child(2n) {
    margin-right: 0;
  }
  /* line 301, ../sass/components/grid.scss */
  .row.products [class*="col"].col-3:nth-child(2n+1), .row.products [class*="col"].col-4:nth-child(2n+1), .row.creations [class*="col"].col-3:nth-child(2n+1), .row.creations [class*="col"].col-4:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  /* line 307, ../sass/components/grid.scss */
  .row.products [class*="col"].col-3, .row.creations [class*="col"].col-3 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 310, ../sass/components/grid.scss */
  .row.products [class*="col"].col-3:nth-child(2n), .row.creations [class*="col"].col-3:nth-child(2n) {
    margin-right: 0;
  }
  /* line 313, ../sass/components/grid.scss */
  .row.products [class*="col"].col-3:nth-child(2n+1), .row.creations [class*="col"].col-3:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 960px) {
  /* line 307, ../sass/components/grid.scss */
  .row.products [class*="col"].col-3, .row.creations [class*="col"].col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 319, ../sass/components/grid.scss */
  .row.products [class*="col"].col-3:nth-child(4n), .row.creations [class*="col"].col-3:nth-child(4n) {
    margin-right: 0;
  }
  /* line 322, ../sass/components/grid.scss */
  .row.products [class*="col"].col-3:nth-child(4n+1), .row.creations [class*="col"].col-3:nth-child(4n+1) {
    clear: left;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  /* line 328, ../sass/components/grid.scss */
  .row.products [class*="col"].col-4, .row.creations [class*="col"].col-4 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 331, ../sass/components/grid.scss */
  .row.products [class*="col"].col-4:nth-child(3n), .row.creations [class*="col"].col-4:nth-child(3n) {
    margin-right: 0;
  }
  /* line 334, ../sass/components/grid.scss */
  .row.products [class*="col"].col-4:nth-child(3n+1), .row.creations [class*="col"].col-4:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 960px) {
  /* line 328, ../sass/components/grid.scss */
  .row.products [class*="col"].col-4, .row.creations [class*="col"].col-4 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 340, ../sass/components/grid.scss */
  .row.products [class*="col"].col-4:nth-child(3n), .row.creations [class*="col"].col-4:nth-child(3n) {
    margin-right: 0;
  }
  /* line 343, ../sass/components/grid.scss */
  .row.products [class*="col"].col-4:nth-child(3n+1), .row.creations [class*="col"].col-4:nth-child(3n+1) {
    clear: left;
  }
}
/* line 352, ../sass/components/grid.scss */
.row.productsoverview [class*="col"], .row.creationsoverview [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (max-width: 639px) {
  /* line 356, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-3.filter, .row.creationsoverview [class*="col"].col-3.filter {
    display: none;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  /* line 363, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9 .col-4, .row.creationsoverview [class*="col"].col-9 .col-4 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 365, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9 .col-4:nth-child(2n), .row.creationsoverview [class*="col"].col-9 .col-4:nth-child(2n) {
    margin-right: 0;
  }
  /* line 368, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9 .col-4:nth-child(2n + 1), .row.creationsoverview [class*="col"].col-9 .col-4:nth-child(2n + 1) {
    clear: left;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  /* line 376, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-3, .row.creationsoverview [class*="col"].col-3 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 379, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9, .row.creationsoverview [class*="col"].col-9 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 381, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9 .col-4, .row.creationsoverview [class*="col"].col-9 .col-4 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 383, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9 .col-4:nth-child(2n), .row.creationsoverview [class*="col"].col-9 .col-4:nth-child(2n) {
    margin-right: 0;
  }
  /* line 386, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9 .col-4:nth-child(2n + 1), .row.creationsoverview [class*="col"].col-9 .col-4:nth-child(2n + 1) {
    clear: left;
  }
}
@media screen and (min-width: 960px) {
  /* line 394, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-3, .row.creationsoverview [class*="col"].col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 397, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9, .row.creationsoverview [class*="col"].col-9 {
    width: 74.55357%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 399, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9 .col-4, .row.creationsoverview [class*="col"].col-9 .col-4 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 401, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9 .col-4:nth-child(3n), .row.creationsoverview [class*="col"].col-9 .col-4:nth-child(3n) {
    margin-right: 0;
  }
  /* line 404, ../sass/components/grid.scss */
  .row.productsoverview [class*="col"].col-9 .col-4:nth-child(3n + 1), .row.creationsoverview [class*="col"].col-9 .col-4:nth-child(3n + 1) {
    clear: left;
  }
}
/* line 412, ../sass/components/grid.scss */
.row.productsoverview [class*="col"].col-3.filter .col-4, .row.creationsoverview [class*="col"].col-3.filter .col-4 {
  width: 32.14286%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
/* line 414, ../sass/components/grid.scss */
.row.productsoverview [class*="col"].col-3.filter .col-4:nth-child(3n), .row.creationsoverview [class*="col"].col-3.filter .col-4:nth-child(3n) {
  margin-right: 0;
}
/* line 417, ../sass/components/grid.scss */
.row.productsoverview [class*="col"].col-3.filter .col-4:nth-child(3n + 1), .row.creationsoverview [class*="col"].col-3.filter .col-4:nth-child(3n + 1) {
  clear: left;
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  /* line 427, ../sass/components/grid.scss */
  .row.categoriesoverview [class*="col"].category {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 430, ../sass/components/grid.scss */
  .row.categoriesoverview [class*="col"].category:nth-child(2n) {
    margin-right: 0;
  }
  /* line 433, ../sass/components/grid.scss */
  .row.categoriesoverview [class*="col"].category:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  /* line 427, ../sass/components/grid.scss */
  .row.categoriesoverview [class*="col"].category {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 439, ../sass/components/grid.scss */
  .row.categoriesoverview [class*="col"].category:nth-child(3n) {
    margin-right: 0;
  }
  /* line 442, ../sass/components/grid.scss */
  .row.categoriesoverview [class*="col"].category:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (min-width: 960px) {
  /* line 427, ../sass/components/grid.scss */
  .row.categoriesoverview [class*="col"].category {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 449, ../sass/components/grid.scss */
  .row.categoriesoverview [class*="col"].category:nth-child(4n) {
    margin-right: 0;
  }
  /* line 452, ../sass/components/grid.scss */
  .row.categoriesoverview [class*="col"].category:nth-child(4n+1) {
    clear: left;
  }
}
/* line 461, ../sass/components/grid.scss */
.row.productsdetail [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 960px) {
  /* line 464, ../sass/components/grid.scss */
  .row.productsdetail [class*="col"].col-4 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 480px) and (max-width: 799px) {
  /* line 470, ../sass/components/grid.scss */
  .row.productsdetail [class*="col"].col-6 {
    width: 57.58929%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 473, ../sass/components/grid.scss */
  .row.productsdetail [class*="col"].col-6.first {
    width: 40.625%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 800px) {
  /* line 470, ../sass/components/grid.scss */
  .row.productsdetail [class*="col"].col-6 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 960px) {
  /* line 482, ../sass/components/grid.scss */
  .row.productsdetail [class*="col"].col-8 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 491, ../sass/components/grid.scss */
.row.productitem [class*="col"] {
  margin-bottom: 0;
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
/* line 495, ../sass/components/grid.scss */
.row.productitem [class*="col"].col-4 {
  margin-top: 20px;
}
@media screen and (min-width: 960px) {
  /* line 498, ../sass/components/grid.scss */
  .row.productitem [class*="col"].col-4 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
    margin-top: 0;
  }
  /* line 503, ../sass/components/grid.scss */
  .row.productitem [class*="col"].col-8 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 511, ../sass/components/grid.scss */
.row.contact [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 640px) {
  /* line 513, ../sass/components/grid.scss */
  .row.contact [class*="col"].col-6 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 522, ../sass/components/grid.scss */
.row.images [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (max-width: 799px) {
  /* line 524, ../sass/components/grid.scss */
  .row.images [class*="col"].col-4 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 527, ../sass/components/grid.scss */
  .row.images [class*="col"].col-4:nth-child(odd) {
    margin-right: 0;
  }
}
@media screen and (min-width: 800px) {
  /* line 524, ../sass/components/grid.scss */
  .row.images [class*="col"].col-4 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 533, ../sass/components/grid.scss */
  .row.images [class*="col"].col-4:nth-child(3n + 1) {
    margin-right: 0;
  }
}
/* line 541, ../sass/components/grid.scss */
.row.brochures #brochure-list .col-3 {
  display: inline-block !important;
  float: none !important;
  vertical-align: top !important;
  *float: left !important;
}
/* line 549, ../sass/components/grid.scss */
.row.resellers [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 480px) and (max-width: 799px) {
  /* line 551, ../sass/components/grid.scss */
  .row.resellers [class*="col"].col-3 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 554, ../sass/components/grid.scss */
  .row.resellers [class*="col"].col-3:nth-child(2n) {
    margin-right: 0;
  }
  /* line 557, ../sass/components/grid.scss */
  .row.resellers [class*="col"].col-3:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 800px) {
  /* line 551, ../sass/components/grid.scss */
  .row.resellers [class*="col"].col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 564, ../sass/components/grid.scss */
  .row.resellers [class*="col"].col-3:nth-child(4n) {
    margin-right: 0;
  }
  /* line 567, ../sass/components/grid.scss */
  .row.resellers [class*="col"].col-3:nth-child(4n+1) {
    clear: left;
  }
}
@media screen and (min-width: 800px) {
  /* line 573, ../sass/components/grid.scss */
  .row.resellers [class*="col"].col-6 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 581, ../sass/components/grid.scss */
.row.green {
  background: #017d47;
  margin-bottom: 20px;
}
/* line 584, ../sass/components/grid.scss */
.row.green [class*="col"] {
  margin-bottom: 0;
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
/* line 591, ../sass/components/grid.scss */
.row.members [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 640px) {
  /* line 594, ../sass/components/grid.scss */
  .row.members [class*="col"].col-3 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 597, ../sass/components/grid.scss */
  .row.members [class*="col"].col-6 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 600, ../sass/components/grid.scss */
  .row.members [class*="col"].col-9 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 960px) {
  /* line 605, ../sass/components/grid.scss */
  .row.members [class*="col"].col-3 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 608, ../sass/components/grid.scss */
  .row.members [class*="col"].col-9 {
    width: 74.55357%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 616, ../sass/components/grid.scss */
.row.shoppingdetail [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
/* line 619, ../sass/components/grid.scss */
.row.shoppingdetail [class*="col"].footer {
  width: 49.10714%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (max-width: 959px) {
  /* line 625, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].shipping.col-2 {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  /* line 630, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].shipping.col-10 {
    width: 83.03571%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (max-width: 639px) {
  /* line 637, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].amount, .row.shoppingdetail [class*="col"].price, .row.shoppingdetail [class*="col"].cart, .row.shoppingdetail [class*="col"].action {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 641, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].price, .row.shoppingdetail [class*="col"].action {
    margin-right: 0;
  }
  /* line 644, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].col-8 {
    display: none;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  /* line 650, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].img, .row.shoppingdetail [class*="col"].info {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 653, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].info {
    margin-right: 0;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  /* line 659, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].col-1 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 662, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].col-2 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 665, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].img, .row.shoppingdetail [class*="col"].info {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 668, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].info {
    margin-right: 0;
  }
  /* line 671, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].amount {
    clear: left;
  }
}
@media screen and (min-width: 960px) {
  /* line 675, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].col-1 {
    width: 6.69643%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 678, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].col-2 {
    width: 15.17857%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 681, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].col-5 {
    width: 40.625%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 684, ../sass/components/grid.scss */
  .row.shoppingdetail [class*="col"].col-8 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 691, ../sass/components/grid.scss */
.row.shoppingactions {
  margin-top: 20px;
}
/* line 693, ../sass/components/grid.scss */
.row.shoppingactions [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (max-width: 639px) {
  /* line 697, ../sass/components/grid.scss */
  .row.shoppingactions [class*="col"].col-6 {
    display: none;
  }
  /* line 698, ../sass/components/grid.scss */
  .row.shoppingactions [class*="col"].col-2 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 640px) {
  /* line 704, ../sass/components/grid.scss */
  .row.shoppingactions [class*="col"].col-2, .row.shoppingactions [class*="col"].col-6 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 980px) {
  /* line 710, ../sass/components/grid.scss */
  .row.shoppingactions [class*="col"].col-2 {
    width: 15.17857%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 713, ../sass/components/grid.scss */
  .row.shoppingactions [class*="col"].col-6 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (max-width: 799px) {
  /* line 721, ../sass/components/grid.scss */
  .row.payment [class*="col"] {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 725, ../sass/components/grid.scss */
  .row.payment [class*="col"]:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 800px) {
  /* line 721, ../sass/components/grid.scss */
  .row.payment [class*="col"] {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 732, ../sass/components/grid.scss */
  .row.payment [class*="col"]:nth-child(4n) {
    margin-right: 0;
  }
}
/* line 740, ../sass/components/grid.scss */
.row.orderdetail [class*="col"] {
  margin-bottom: 0;
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 640px) {
  /* line 744, ../sass/components/grid.scss */
  .row.orderdetail [class*="col"].col-4 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 752, ../sass/components/grid.scss */
footer .row [class*="col"] {
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 640px) {
  /* line 757, ../sass/components/grid.scss */
  footer .row .col-10 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 760, ../sass/components/grid.scss */
  footer .row .col-2 {
    width: 32.14286%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 960px) {
  /* line 766, ../sass/components/grid.scss */
  footer .row .col-10 {
    width: 83.03571%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
  /* line 769, ../sass/components/grid.scss */
  footer .row .col-2 {
    width: 15.17857%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 774, ../sass/components/grid.scss */
footer .row .pay, footer .row .credits {
  width: 49.10714%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 700px) {
  /* line 779, ../sass/components/grid.scss */
  footer .row .copy.col-8 {
    width: 49.10714%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 1160px) {
  /* line 779, ../sass/components/grid.scss */
  footer .row .copy.col-8 {
    width: 66.07143%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 700px) {
  /* line 789, ../sass/components/grid.scss */
  footer .row .pay.col-2, footer .row .credits.col-2 {
    width: 23.66071%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
@media screen and (min-width: 1160px) {
  /* line 789, ../sass/components/grid.scss */
  footer .row .pay.col-2, footer .row .credits.col-2 {
    width: 15.17857%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}

/* line 1, ../sass/components/typography.scss */
html {
  font-family: "Arial";
  font-size: 16px;
  line-height: 24px;
}

/* line 6, ../sass/components/typography.scss */
body, input, textarea {
  font-family: "Arial";
  font-size: 1em;
  line-height: 24px;
}

/* line 12, ../sass/components/typography.scss */
small {
  font-size: 75%;
  line-height: 1;
}

/* line 17, ../sass/components/typography.scss */
h1, .title-1 {
  font-size: 2em;
  line-height: 32px;
  margin: 24px 0 16px;
  color: #017d47;
  font-weight: normal;
}

/* line 24, ../sass/components/typography.scss */
h2, .title-2 {
  font-size: 1.5em;
  line-height: 24px;
  margin: 16px 0 8px;
  color: #017d47;
  font-weight: normal;
}
/* line 30, ../sass/components/typography.scss */
h2 a, .title-2 a {
  color: #017d47;
  text-decoration: none;
}
/* line 33, ../sass/components/typography.scss */
h2 a:hover, .title-2 a:hover {
  color: #262626;
}
/* line 36, ../sass/components/typography.scss */
h2 a.small, .title-2 a.small {
  font-size: 16px;
  text-decoration: underline;
}
/* line 41, ../sass/components/typography.scss */
h2.black, .title-2.black {
  color: #262626;
}
/* line 44, ../sass/components/typography.scss */
h2.price, .title-2.price {
  margin-top: 0;
  line-height: 16px;
}
/* line 48, ../sass/components/typography.scss */
h2.contact, .title-2.contact {
  line-height: 32px;
  margin: 24px 0 16px;
}

/* line 53, ../sass/components/typography.scss */
h3 {
  color: #017d47;
  font-size: 1.33em;
  line-height: 24px;
  margin: 16px 0 8px;
  font-weight: normal;
}
/* line 59, ../sass/components/typography.scss */
h3 a {
  color: #017d47;
  text-decoration: none;
}
/* line 62, ../sass/components/typography.scss */
h3 a:hover {
  color: #262626;
}
/* line 66, ../sass/components/typography.scss */
h3.black {
  color: #262626;
}

/* line 72, ../sass/components/typography.scss */
h4,
h5,
h6 {
  color: #017d47;
  font-size: 1em;
  line-height: 16px;
  margin: 8px 0;
  font-weight: normal;
}

/* line 80, ../sass/components/typography.scss */
p {
  margin: 8px 0;
}

/* line 83, ../sass/components/typography.scss */
ul,
ol {
  margin: 8px 0;
  padding: 0 0 0 48px;
}
/* line 87, ../sass/components/typography.scss */
ul ul,
ul ol,
ol ul,
ol ol {
  margin: 0;
}

/* line 92, ../sass/components/typography.scss */
hr {
  margin: 16px 0;
  border: none;
  height: 1px;
  margin-top: -1px;
}

/* line 99, ../sass/components/typography.scss */
a {
  color: #017d47;
  text-decoration: underline;
}
/* line 102, ../sass/components/typography.scss */
a:hover {
  text-decoration: none;
}

/* line 1, ../sass/components/forms.scss */
form {
  width: 100%;
}
/* line 14, ../sass/components/forms.scss */
form input,
form input[type=tel],
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=number],
form textarea,
form select {
  display: block;
  max-width: 400px;
  width: 100%;
  margin: 0 0 8px 0;
  padding: 6px;
  border: 1px solid #dedede;
  border-width: 1px 1px 3px 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 26, ../sass/components/forms.scss */
form textarea {
  height: 200px;
}
@media screen and (min-width: 960px) {
  /* line 26, ../sass/components/forms.scss */
  form textarea {
    max-width: 90%;
  }
}
/* line 34, ../sass/components/forms.scss */
form .inline input {
  float: left;
  height: 38px;
  *height: 24px;
}
/* line 35, ../sass/components/forms.scss */
form .inline button {
  float: left;
  margin: 0;
  height: 38px;
}
/* line 39, ../sass/components/forms.scss */
form label,
form .label {
  display: inline-block;
  margin: 8px 0;
}
/* line 45, ../sass/components/forms.scss */
form .error span.error {
  display: block;
  clear: both;
  color: #aa4343;
  margin-bottom: 10px;
}
/* line 56, ../sass/components/forms.scss */
form .error input,
form .error input[type=tel],
form .error input[type=text],
form .error input[type=email],
form .error input[type=password],
form .error textarea {
  background: #faf2f2;
}
/* line 62, ../sass/components/forms.scss */
form .checkboxes label {
  padding: 4px 0;
  line-height: 18px;
  margin: 0;
  display: block;
}
/* line 67, ../sass/components/forms.scss */
form .checkboxes label input {
  width: auto;
  margin-right: 5px;
  float: left;
  height: auto;
  line-height: auto;
}
/* line 76, ../sass/components/forms.scss */
form .checkboxes label.clr span {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  display: block;
  margin: 2px 5px 0 0;
  float: left;
}
/* line 86, ../sass/components/forms.scss */
form .checkboxes label.clr.multi span {
  background: url(../img/layout/multi.png) no-repeat 0 0 !important;
}
/* line 92, ../sass/components/forms.scss */
form .checkboxes label.shape {
  font-size: 13px;
}
/* line 94, ../sass/components/forms.scss */
form .checkboxes label.shape span {
  display: block;
  background: white;
  border: 1px solid #dedede;
  border-width: 1px 1px 3px 1px;
  width: 55px;
  height: 55px;
  position: relative;
}
/* line 103, ../sass/components/forms.scss */
form .checkboxes label.shape input {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
/* line 110, ../sass/components/forms.scss */
form .checkboxes ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 114, ../sass/components/forms.scss */
form .checkboxes ul ul li {
  padding-left: 20px;
}
/* line 121, ../sass/components/forms.scss */
form input[type=submit],
form button {
  margin: 8px 0;
}
/* line 125, ../sass/components/forms.scss */
form .help-inline-button {
  line-height: 18px;
  padding: 10px;
  margin: 8px 0;
  display: inline-block;
}

/* password strength meter */
/* line 134, ../sass/components/forms.scss */
.pwdmeter_wrap {
  margin: 9px 0;
}
/* line 136, ../sass/components/forms.scss */
.pwdmeter_wrap .pwd_meter {
  box-sizing: border-box;
  padding: 4px;
  width: 100%;
  max-width: 320px;
  height: 20px;
  background-color: #dedede;
  float: left;
}
/* line 144, ../sass/components/forms.scss */
.pwdmeter_wrap .pwd_meter div {
  background: transparent url(../img/layout/passwordstrength.png) repeat-y;
  height: 12px;
  width: 12px;
}
/* line 150, ../sass/components/forms.scss */
.pwdmeter_wrap .pwd_text {
  float: left;
  line-height: 20px;
  padding: 0 5px;
}

/* line 1, ../sass/components/tables.scss */
table.default {
  width: 100%;
}
/* line 3, ../sass/components/tables.scss */
table.default th, table.default td {
  vertical-align: top;
  text-align: left;
  padding: 2px 5px;
}
/* line 7, ../sass/components/tables.scss */
table.default th.center, table.default td.center {
  text-align: center;
}
/* line 12, ../sass/components/tables.scss */
table.default tr:nth-child(even) {
  background-color: #f4f4f4;
}
/* line 16, ../sass/components/tables.scss */
table.default thead tr {
  background-color: dimgrey !important;
  color: white;
}

/* line 1, ../sass/components/navigation.scss */
header {
  position: relative;
}

/* line 3, ../sass/components/navigation.scss */
.nav-menu {
  background: black;
  height: 50px;
}
@media screen and (max-width: 959px) {
  /* line 3, ../sass/components/navigation.scss */
  .nav-menu {
    overflow: hidden;
  }
}
@media screen and (min-width: 960px) {
  /* line 3, ../sass/components/navigation.scss */
  .nav-menu {
    padding: 0 20px;
    margin-left: -20px;
  }
}
/* line 13, ../sass/components/navigation.scss */
.nav-menu .button, .nav-menu .cookies-message__button {
  float: right;
  margin: 10px;
}
/* line 17, ../sass/components/navigation.scss */
.nav-menu .logo {
  background: #017d47 url("../img/layout/green/logo-small.png") no-repeat 50% 50%;
  background-size: 105px 50px;
  display: block;
  width: 105px;
  height: 50px;
  text-indent: -9000px;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  /* line 17, ../sass/components/navigation.scss */
  .nav-menu .logo {
    background: #017d47 url("../img/layout/green/logo.png") no-repeat 50% 50%;
    width: 171px;
    height: 120px;
    background-size: 171px 120px;
  }
}
/* line 34, ../sass/components/navigation.scss */
.nav-menu .logo-menu .button, .nav-menu .logo-menu .cookies-message__button {
  height: 30px;
  padding: 0 20px 0 10px;
  line-height: 30px;
}
/* line 38, ../sass/components/navigation.scss */
.nav-menu .logo-menu .button.cart, .nav-menu .logo-menu .cart.cookies-message__button {
  padding: 0 10px;
}

/* line 43, ../sass/components/navigation.scss */
.nav-head {
  background: white;
  overflow: hidden;
}
/* line 46, ../sass/components/navigation.scss */
.nav-head .menu {
  margin: 0;
}
@media screen and (max-width: 959px) {
  /* line 43, ../sass/components/navigation.scss */
  .nav-head {
    border-bottom: 1px solid #d8d6ce;
  }
}
/* line 50, ../sass/components/navigation.scss */
.nav-head ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 54, ../sass/components/navigation.scss */
.nav-head ul li {
  display: block;
  float: left;
}
@media screen and (max-width: 959px) {
  /* line 54, ../sass/components/navigation.scss */
  .nav-head ul li {
    height: 44px;
    line-height: 44px;
    width: 100%;
    /*width: 50%;
    &:nth-child(1) { width: 100%; }
    &:nth-child(3) a, &:nth-child(5) a { border-left: 1px solid $lightgray; }*/
  }
}
@media screen and (min-width: 960px) {
  /* line 54, ../sass/components/navigation.scss */
  .nav-head ul li {
    height: 50px;
    line-height: 50px;
  }
}
/* line 69, ../sass/components/navigation.scss */
.nav-head ul li a {
  display: block;
  color: #262626;
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  /* line 69, ../sass/components/navigation.scss */
  .nav-head ul li a {
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #d8d6ce;
    text-align: center;
    overflow: hidden;
  }
}
@media screen and (min-width: 960px) {
  /* line 69, ../sass/components/navigation.scss */
  .nav-head ul li a {
    line-height: 12px;
    margin: 27px 0;
    padding: 0 15px;
    border-left: 1px solid #262626;
  }
}
/* line 87, ../sass/components/navigation.scss */
.nav-head ul li a:hover {
  color: #017d47;
}
/* line 90, ../sass/components/navigation.scss */
.nav-head ul li.first a {
  padding-left: 0;
  border-left: 0;
}
@media screen and (min-width: 960px) {
  /* line 43, ../sass/components/navigation.scss */
  .nav-head {
    position: absolute;
    top: 60px;
    height: 60px;
  }
}

/* line 103, ../sass/components/navigation.scss */
.nav-sub {
  float: left;
}
@media screen and (max-width: 959px) {
  /* line 103, ../sass/components/navigation.scss */
  .nav-sub {
    background: white;
  }
  /* line 106, ../sass/components/navigation.scss */
  .nav-sub [class*="col"] {
    margin-bottom: 0;
  }
}
/* line 111, ../sass/components/navigation.scss */
.nav-sub ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 115, ../sass/components/navigation.scss */
.nav-sub ul li {
  display: block;
  width: 100%;
  float: left;
  /*width: (100% / 3);
  &:nth-child(1n + 1) a { border-left: 1px solid $lightgray; }*/
}
@media screen and (min-width: 960px) {
  /* line 115, ../sass/components/navigation.scss */
  .nav-sub ul li {
    width: auto;
  }
}
/* line 124, ../sass/components/navigation.scss */
.nav-sub ul li a {
  display: block;
  color: #262626;
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  /* line 124, ../sass/components/navigation.scss */
  .nav-sub ul li a {
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #d8d6ce;
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  /* line 124, ../sass/components/navigation.scss */
  .nav-sub ul li a {
    line-height: 12px;
    margin: 18px 0;
    color: white;
    padding: 0 10px;
    border-left: 1px solid white;
    font-size: 14px;
  }
}
/* line 143, ../sass/components/navigation.scss */
.nav-sub ul li a:hover {
  color: #017d47;
}
/* line 145, ../sass/components/navigation.scss */
.nav-sub ul li.first a {
  padding-left: 0;
  border-left: 0;
}
@media screen and (min-width: 960px) {
  /* line 103, ../sass/components/navigation.scss */
  .nav-sub {
    float: right;
  }
}
/* line 155, ../sass/components/navigation.scss */
.nav-sub .search {
  margin: 10px 0;
}
@media screen and (max-width: 959px) {
  /* line 155, ../sass/components/navigation.scss */
  .nav-sub .search {
    margin: 0;
    padding: 10px 0;
    background: black;
  }
}
/* line 162, ../sass/components/navigation.scss */
.nav-sub .search form {
  margin-right: 20px;
  width: auto;
  float: right;
}
/* line 166, ../sass/components/navigation.scss */
.nav-sub .search form input {
  width: 115px;
  height: 29px;
  *height: 19px;
  line-height: 29px;
  font-size: 14px;
  color: #606060;
  border-width: 1px;
}
/* line 175, ../sass/components/navigation.scss */
.nav-sub .search form input, .nav-sub .search form button {
  float: right;
}
@media screen and (max-width: 959px) {
  /* line 162, ../sass/components/navigation.scss */
  .nav-sub .search form {
    width: 65%;
  }
  /* line 178, ../sass/components/navigation.scss */
  .nav-sub .search form input {
    width: 75%;
  }
}
/* line 182, ../sass/components/navigation.scss */
.nav-sub .search .language-selection {
  margin-right: 20px;
  position: relative;
  width: 46px;
  float: right;
}
/* line 187, ../sass/components/navigation.scss */
.nav-sub .search .language-selection[class*="icon-world"] {
  float: right;
}
@media screen and (max-width: 959px) {
  /* line 182, ../sass/components/navigation.scss */
  .nav-sub .search .language-selection {
    margin-left: 10px;
    float: left;
  }
}
/* line 194, ../sass/components/navigation.scss */
.nav-sub .search .language-selection ul {
  position: absolute;
  top: 31px;
  right: 0;
  z-index: 3;
  display: block;
  background: #017d47;
  width: 220px;
  padding: 0 20px;
}
/* line 203, ../sass/components/navigation.scss */
.nav-sub .search .language-selection ul li {
  display: block;
  float: none;
  text-align: right;
  width: 100%;
  overflow: hidden;
  line-height: 40px;
  height: 40px;
}
/* line 211, ../sass/components/navigation.scss */
.nav-sub .search .language-selection ul li a {
  color: white;
  margin: 0;
  padding: 0;
  border: 1px solid #34976c;
  border-width: 1px 0 0 0;
  line-height: 40px;
}
/* line 218, ../sass/components/navigation.scss */
.nav-sub .search .language-selection ul li a:hover {
  color: white;
  text-decoration: underline;
}
/* line 223, ../sass/components/navigation.scss */
.nav-sub .search .language-selection ul li.first a {
  border: 0;
}
@media screen and (max-width: 959px) {
  /* line 194, ../sass/components/navigation.scss */
  .nav-sub .search .language-selection ul {
    left: 0;
  }
  /* line 229, ../sass/components/navigation.scss */
  .nav-sub .search .language-selection ul li, .nav-sub .search .language-selection ul a {
    text-align: left;
  }
}

@media screen and (min-width: 960px) {
  /* line 239, ../sass/components/navigation.scss */
  .nav-group {
    height: 120px;
  }

  /* line 240, ../sass/components/navigation.scss */
  .menu-group {
    position: absolute;
    top: 0;
    right: -20px;
    margin-right: 0;
  }
  /* line 245, ../sass/components/navigation.scss */
  .menu-group .col-10 {
    float: right;
  }
}
/* line 23, ../sass/main.scss */
body {
  /*@include background(linear-gradient(top, rgba(0, 0, 0, 0) $baseline - 1, rgba(0, 0, 0, 0.3) $baseline));
  background-size: 100% $baseline;
  background-position: 0 2px;*/
  overflow-x: hidden;
}

/* line 30, ../sass/main.scss */
.hidden {
  display: none !important;
}

/* line 31, ../sass/main.scss */
.show {
  display: block !important;
}

@media screen and (max-width: 959px) {
  /* line 33, ../sass/main.scss */
  .mobile-hidden {
    display: none !important;
  }
}
@media screen and (min-width: 960px) {
  /* line 36, ../sass/main.scss */
  .desktop-hidden {
    display: none !important;
  }
}
/* line 39, ../sass/main.scss */
.button, .cookies-message__button {
  display: block;
  line-height: 18px;
  border: 0;
  background: #017d47;
  border-bottom: 2px solid #003c22;
  float: left;
  padding: 10px;
  text-decoration: none;
  color: white;
  cursor: pointer;
  text-align: center;
  margin: 0;
}
/* line 52, ../sass/main.scss */
.button.first, .first.cookies-message__button {
  margin-bottom: 10px;
  margin-right: 10px;
}
/* line 56, ../sass/main.scss */
.button.right, .right.cookies-message__button {
  float: right;
}
/* line 59, ../sass/main.scss */
.button.full, .full.cookies-message__button {
  float: none;
  width: 100%;
  padding: 16px 0 !important;
}
/* line 64, ../sass/main.scss */
.button.big, .big.cookies-message__button {
  padding: 16px;
  font-size: 18px;
  line-height: 24px;
  height: auto;
  font-weight: normal;
}
/* line 71, ../sass/main.scss */
.button[class*="icon"], [class*="icon"].cookies-message__button {
  text-indent: -9000px;
  height: 30px;
  width: 46px;
  border-bottom: 1px solid #003c22;
  margin: 0;
  padding: 0;
}
/* line 78, ../sass/main.scss */
.button[class*="icon"][class*="icon-world"], [class*="icon"][class*="icon-world"].cookies-message__button {
  background: #017d47;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/* line 82, ../sass/main.scss */
.button[class*="icon"][class*="icon-world"].icon-world-open, [class*="icon"][class*="icon-world"].icon-world-open.cookies-message__button {
  background-image: url(../img/layout/world-open.png);
}
/* line 85, ../sass/main.scss */
.button[class*="icon"][class*="icon-world"].icon-world-close, [class*="icon"][class*="icon-world"].icon-world-close.cookies-message__button {
  background-image: url(../img/layout/world-close.png);
}
/* line 89, ../sass/main.scss */
.button[class*="icon"].icon-search, [class*="icon"].icon-search.cookies-message__button {
  background: #017d47 url(../img/layout/zoom.png) no-repeat 50% 50%;
}
/* line 93, ../sass/main.scss */
.button[class*="menu"], [class*="menu"].cookies-message__button {
  background-size: 10px 5px;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 90% 50%;
}
/* line 98, ../sass/main.scss */
.button[class*="menu"].menu-open, [class*="menu"].menu-open.cookies-message__button {
  background-image: url(../img/layout/menu-open.png);
  background-image/*\**/: url(../img/layout/menu-open-small.png) \9;
}
/* line 101, ../sass/main.scss */
.sidemenu .button[class*="menu"].menu-open, .sidemenu [class*="menu"].menu-open.cookies-message__button {
  background-image: url(../img/layout/menu-open-side.png);
}
/* line 105, ../sass/main.scss */
.button[class*="menu"].menu-close, [class*="menu"].menu-close.cookies-message__button {
  background-image: url(../img/layout/menu-close.png);
  background-image/*\**/: url(../img/layout/menu-close-small.png) \9;
}
/* line 108, ../sass/main.scss */
.sidemenu .button[class*="menu"].menu-close, .sidemenu [class*="menu"].menu-close.cookies-message__button {
  background-image: url(../img/layout/menu-close-side.png);
  color: #017d47;
}
/* line 114, ../sass/main.scss */
.button:hover, .cookies-message__button:hover {
  color: white !important;
  background-color: #016e3e !important;
}
/* line 118, ../sass/main.scss */
.button.cart, .cart.cookies-message__button {
  background: url("../img/layout/green/cart.png") no-repeat 100% 100%;
  background-size: 30px 20px;
  text-shadow: 2px 0px black, 0px 2px black;
  text-align: right;
  padding-right: 15px;
  border: 0;
}
/* line 125, ../sass/main.scss */
.button.cart:hover, .cart.cookies-message__button:hover {
  background-color: transparent !important;
  color: #01b064 !important;
}

/* line 132, ../sass/main.scss */
.breadcrumbs, .shoppingcart {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  line-height: 24px;
  color: dimgrey;
  font-size: 14px;
}
/* line 139, ../sass/main.scss */
.breadcrumbs li, .shoppingcart li {
  height: 24px;
  display: inline;
  padding: 0;
}
/* line 143, ../sass/main.scss */
.breadcrumbs li.cart, .shoppingcart li.cart {
  border-right: 1px solid dimgrey;
}
/* line 146, ../sass/main.scss */
.breadcrumbs li:last-child, .shoppingcart li:last-child {
  color: #017d47;
}
/* line 150, ../sass/main.scss */
.breadcrumbs a, .shoppingcart a {
  text-decoration: none;
  color: dimgrey;
}
/* line 153, ../sass/main.scss */
.breadcrumbs a:hover, .shoppingcart a:hover {
  color: #017d47;
}
/* line 157, ../sass/main.scss */
.breadcrumbs.shoppingcart, .shoppingcart.shoppingcart {
  background: #f4f4f4 url("../img/layout/green/cart.png") no-repeat 20px 50%;
  background-size: 30px 20px;
  padding: 8px 20px 8px 60px;
  margin-right: -21px;
  float: right;
}
/* line 158, ../sass/main.scss */
.homepage .breadcrumbs.shoppingcart, .homepage .shoppingcart.shoppingcart {
  border: 1px solid #d8d6ce;
  border-right: 0;
}
/* line 162, ../sass/main.scss */
.topImage .breadcrumbs.shoppingcart, .topImage .shoppingcart.shoppingcart {
  border: 0;
}
/* line 170, ../sass/main.scss */
.breadcrumbs.shoppingcart a, .shoppingcart.shoppingcart a {
  color: #017d47;
}
/* line 172, ../sass/main.scss */
.breadcrumbs.shoppingcart a:hover, .shoppingcart.shoppingcart a:hover {
  color: black;
}

/* line 180, ../sass/main.scss */
.homepage .container {
  position: relative;
}
/* line 181, ../sass/main.scss */
.homepage .spotlight {
  width: auto;
  padding: 0;
}
@media screen and (min-width: 960px) {
  /* line 181, ../sass/main.scss */
  .homepage .spotlight {
    margin: -160px -20px 0 -20px;
  }
}
/* line 187, ../sass/main.scss */
.homepage .spotlight .col-5 {
  margin-bottom: 0;
  width: 100%;
  float: left;
  margin-right: 1.78571%;
  display: inline;
}
@media screen and (min-width: 960px) {
  /* line 187, ../sass/main.scss */
  .homepage .spotlight .col-5 {
    width: 40.625%;
    float: left;
    margin-right: 1.78571%;
    display: inline;
  }
}
/* line 194, ../sass/main.scss */
.homepage .spotlight img {
  width: 100%;
  min-height: 200px;
}
/* line 197, ../sass/main.scss */
.homepage .spotlight img.creationdetail {
  min-height: 240px;
}
@media screen and (min-width: 480px) {
  /* line 194, ../sass/main.scss */
  .homepage .spotlight img {
    min-height: 240px;
  }
  /* line 202, ../sass/main.scss */
  .homepage .spotlight img.creationdetail {
    min-height: 320px;
  }
}
@media screen and (min-width: 800px) {
  /* line 194, ../sass/main.scss */
  .homepage .spotlight img {
    min-height: 400px;
  }
  /* line 208, ../sass/main.scss */
  .homepage .spotlight img.creationdetail {
    min-height: 540px;
  }
}
@media screen and (min-width: 960px) {
  /* line 194, ../sass/main.scss */
  .homepage .spotlight img {
    min-height: 490px;
    margin-top/*\**/: -160px\9;
  }
  /* line 214, ../sass/main.scss */
  .homepage .spotlight img.creationdetail {
    min-height: 650px;
  }
}
/* line 220, ../sass/main.scss */
.homepage .spotlight .info {
  background: #a77761;
}
@media screen and (min-width: 960px) {
  /* line 220, ../sass/main.scss */
  .homepage .spotlight .info {
    background: none;
    position: absolute;
    z-index: 1;
    top: 180px;
    left: 20px;
  }
}
/* line 229, ../sass/main.scss */
.homepage .spotlight .info .title {
  font-weight: normal;
  font-size: 48px;
  line-height: 48px;
  color: white;
  display: block;
  padding: 10px;
}
@media screen and (min-width: 960px) {
  /* line 229, ../sass/main.scss */
  .homepage .spotlight .info .title {
    margin-bottom: 20px;
    padding-left: 0;
  }
}
@media screen and (max-width: 959px) {
  /* line 241, ../sass/main.scss */
  .homepage .spotlight .info .title br {
    display: none;
  }
}
/* line 244, ../sass/main.scss */
.homepage .spotlight .info p {
  margin-top: 0;
}
/* line 246, ../sass/main.scss */
.homepage .spotlight .info .description {
  overflow: hidden;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
}
@media screen and (max-width: 959px) {
  /* line 246, ../sass/main.scss */
  .homepage .spotlight .info .description {
    padding: 0 10px;
  }
}
/* line 254, ../sass/main.scss */
.homepage .spotlight .info .description span {
  /*background: $lightbrown;*/
}
@media screen and (min-width: 960px) {
  /* line 254, ../sass/main.scss */
  .homepage .spotlight .info .description span {
    line-height: 36px;
    margin-bottom: 4px;
    clear: both;
    display: block;
    float: left;
    padding: 0 10px;
  }
}
/* line 265, ../sass/main.scss */
.homepage .spotlight .info .description a {
  color: white;
}
/* line 270, ../sass/main.scss */
.homepage .spotlight .info .youtube {
  clear: both;
  margin-top: 16px;
  width: 270px;
  height: 166px;
}
@media screen and (max-width: 959px) {
  /* line 270, ../sass/main.scss */
  .homepage .spotlight .info .youtube {
    margin-left: 10px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1159px) {
  /* line 270, ../sass/main.scss */
  .homepage .spotlight .info .youtube {
    display: none;
  }
}
/* line 284, ../sass/main.scss */
.homepage header {
  position: relative;
  z-index: 9;
}
/* line 287, ../sass/main.scss */
.homepage .highlight img {
  width: 100%;
  margin-bottom: 16px;
  border: 0;
}
/* line 292, ../sass/main.scss */
.homepage .highlight .more {
  float: left;
  clear: both;
  color: #017d47;
}
/* line 296, ../sass/main.scss */
.homepage .highlight .more:hover {
  text-decoration: none;
}
/* line 300, ../sass/main.scss */
.homepage .highlight a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
/* line 303, ../sass/main.scss */
.homepage .highlight .youtube {
  margin-bottom: 16px;
  width: 100%;
  height: 330px;
}
@media screen and (min-width: 960px) {
  /* line 303, ../sass/main.scss */
  .homepage .highlight .youtube {
    height: 164px;
  }
}
/* line 311, ../sass/main.scss */
.homepage .highlight .title {
  margin-top: 0;
}
/* line 316, ../sass/main.scss */
.homepage .green {
  color: white;
}
/* line 318, ../sass/main.scss */
.homepage .green .title, .homepage .green .more {
  color: white;
}
/* line 324, ../sass/main.scss */
.homepage.topImage h1.title {
  color: #017d47;
  position: absolute;
  top: 50px;
  left: 0px;
}
/* line 329, ../sass/main.scss */
.homepage.topImage h1.title.creationdetail {
  padding: 10px;
}
@media screen and (max-width: 599px) {
  /* line 329, ../sass/main.scss */
  .homepage.topImage h1.title.creationdetail {
    position: relative;
    margin: 0;
    top: 0;
  }
}
@media screen and (min-width: 600px) {
  /* line 329, ../sass/main.scss */
  .homepage.topImage h1.title.creationdetail {
    background: #f4f4f4;
    border: 1px solid #d8d6ce;
    left: 20px;
  }
}
@media screen and (min-width: 960px) {
  /* line 324, ../sass/main.scss */
  .homepage.topImage h1.title {
    top: 180px;
    left: 20px;
  }
  /* line 345, ../sass/main.scss */
  .homepage.topImage h1.title.creationdetail {
    top: 160px;
  }
}
/* line 350, ../sass/main.scss */
.homepage.topImage .gallery {
  text-align: center;
  margin-top: -60px;
}
@media screen and (min-width: 480px) {
  /* line 350, ../sass/main.scss */
  .homepage.topImage .gallery {
    margin-top: -100px;
  }
}
@media screen and (min-width: 800px) {
  /* line 350, ../sass/main.scss */
  .homepage.topImage .gallery {
    margin-top: -170px;
  }
}
@media screen and (min-width: 960px) {
  /* line 350, ../sass/main.scss */
  .homepage.topImage .gallery {
    margin-top: -180px;
    margin-top: -60px\9;
  }
}
/* line 363, ../sass/main.scss */
.homepage.topImage .gallery li {
  display: inline-block;
  padding: 5px;
}
/* line 367, ../sass/main.scss */
.homepage.topImage .gallery a {
  display: inline-block;
}
/* line 369, ../sass/main.scss */
.homepage.topImage .gallery a img {
  max-width: 50px;
  min-height: 40px;
  min-width: 40px;
  width: auto;
  border: 1px solid #dedede;
  outline: 1px solid white;
  outline-offset: -2px;
}
@media screen and (min-width: 480px) {
  /* line 369, ../sass/main.scss */
  .homepage.topImage .gallery a img {
    max-width: 100px;
    min-width: 75px;
    min-height: 75px;
  }
}
@media screen and (min-width: 800px) {
  /* line 369, ../sass/main.scss */
  .homepage.topImage .gallery a img {
    min-height: 130px;
    min-width: 130px;
    max-width: 170px;
  }
}
@media screen and (min-width: 960px) {
  /* line 369, ../sass/main.scss */
  .homepage.topImage .gallery a img {
    min-height: 160px;
    min-width: 160px;
    max-width: 100%;
  }
}
/* line 393, ../sass/main.scss */
.homepage.topImage .gallery a:hover img {
  border: 1px solid #606060;
}
/* line 396, ../sass/main.scss */
.homepage.topImage .spotlight {
  margin-bottom: 20px;
}

@-moz-document url-prefix() {
  @media screen and (min-width: 960px) {
    /* line 403, ../sass/main.scss */
    .homepage .spotlight img {
      margin-top: -160px;
    }

    /* line 406, ../sass/main.scss */
    .homepage .spotlight .gallery img {
      margin-top: 0;
    }
}
}

/* line 420, ../sass/main.scss */
.box {
  padding: 10px;
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  /* line 420, ../sass/main.scss */
  .box {
    padding: 20px;
  }
}
/* line 426, ../sass/main.scss */
.box .title {
  margin-bottom: 15px;
}
/* line 427, ../sass/main.scss */
.box.top {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
@media screen and (max-width: 959px) {
  /* line 427, ../sass/main.scss */
  .box.top {
    padding-left: 0;
  }
}
/* line 436, ../sass/main.scss */
.box.bordered {
  border: 1px solid #d8d6ce;
  background: #f4f4f4;
  margin-bottom: 20px;
}
/* line 442, ../sass/main.scss */
.box.text {
  padding: 0 10px;
}
@media screen and (min-width: 960px) {
  /* line 442, ../sass/main.scss */
  .box.text {
    padding: 0;
  }
}
/* line 447, ../sass/main.scss */
.box.text h3 {
  margin-top: 0;
}
/* line 450, ../sass/main.scss */
.box.image {
  margin-bottom: 20px;
}
/* line 454, ../sass/main.scss */
.box .bordered {
  padding: 10px;
  border: 1px solid #d8d6ce;
  background: #f4f4f4;
}
@media screen and (min-width: 960px) {
  /* line 454, ../sass/main.scss */
  .box .bordered {
    padding: 20px;
  }
}
/* line 463, ../sass/main.scss */
.box .left {
  background: #f4f4f4 url(../img/layout/box-left.jpg) no-repeat 100% 0;
}
/* line 467, ../sass/main.scss */
.box .right {
  text-align: right;
  background: #f4f4f4 url(../img/layout/box-right.jpg) no-repeat 0 0;
}
/* line 472, ../sass/main.scss */
.box form {
  width: 100%;
}
/* line 474, ../sass/main.scss */
.box form input {
  width: 90%;
  height: 44px;
  line-height: 44px;
}
/* line 482, ../sass/main.scss */
.box.filter .sub {
  margin: 20px 0;
  background: url("../img/layout/green/filter.png") no-repeat 0 19px;
  padding-left: 20px;
  line-height: 50px;
  border: 1px solid #d8d6ce;
  border-width: 1px 0;
}
/* line 489, ../sass/main.scss */
.box.filter .sub.last {
  margin-top: 0;
}

@media screen and (min-width: 960px) {
  /* line 496, ../sass/main.scss */
  .subpages .box {
    padding: 0;
  }
}
/* line 503, ../sass/main.scss */
.subpages .common-mailchimp-widget .text, .subpages .common-mailchimp-widget .actions {
  float: left;
}
/* line 506, ../sass/main.scss */
.subpages .common-mailchimp-widget .text {
  width: 50%;
  margin-right: 20px;
}
/* line 509, ../sass/main.scss */
.subpages .common-mailchimp-widget .text input {
  width: 100%;
}
/* line 511, ../sass/main.scss */
.subpages .common-mailchimp-widget .actions button {
  line-height: 22px;
}

/* line 517, ../sass/main.scss */
footer {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #d8d6ce;
}
/* line 521, ../sass/main.scss */
footer .green {
  color: white;
  font-size: 14px;
  line-height: 18px;
}
/* line 525, ../sass/main.scss */
footer .green img {
  max-width: 100%;
  padding: 8px 0;
}
@media screen and (min-width: 960px) {
  /* line 525, ../sass/main.scss */
  footer .green img {
    padding: 8px 0 0 0;
  }
}
/* line 533, ../sass/main.scss */
footer .green .col-5 .box {
  text-align: center;
}
/* line 535, ../sass/main.scss */
footer a {
  color: #017d47;
  text-decoration: underline;
}
/* line 538, ../sass/main.scss */
footer a:hover {
  text-decoration: none;
}
/* line 542, ../sass/main.scss */
footer nav {
  line-height: 32px;
}
/* line 543, ../sass/main.scss */
footer ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
/* line 548, ../sass/main.scss */
footer ul li {
  float: left;
  padding: 0 10px;
  /*@media screen and (min-width:1160px) {
      padding: 0 20px;
  }*/
}
@media screen and (min-width: 960px) {
  /* line 554, ../sass/main.scss */
  footer ul li.first {
    padding-left: 0;
  }
}
/* line 562, ../sass/main.scss */
footer ul.sitemap li {
  padding: 0 15px 0 0;
}
/* line 564, ../sass/main.scss */
footer ul.sitemap li a {
  font-size: .95em;
}
@media screen and (max-width: 959px) {
  /* line 561, ../sass/main.scss */
  footer ul.sitemap {
    margin-left: 10px;
  }
}
/* line 573, ../sass/main.scss */
footer ul.social {
  width: 158px;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  /* line 573, ../sass/main.scss */
  footer ul.social {
    margin: 0;
    float: right;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  /* line 573, ../sass/main.scss */
  footer ul.social {
    margin-right: 10px;
  }
}
/* line 583, ../sass/main.scss */
footer ul.social li {
  float: right;
  padding: 0 0 0 10px;
}
/* line 586, ../sass/main.scss */
footer ul.social li:last-child {
  padding-left: 0;
}
/* line 588, ../sass/main.scss */
footer ul.social a {
  width: 32px;
  height: 32px;
  display: block;
  background: url(../img/layout/social2.png) no-repeat 0 0;
  text-indent: -9000px;
}
/* line 594, ../sass/main.scss */
footer ul.social a.twitter {
  background-position: -42px 0;
}
/* line 597, ../sass/main.scss */
footer ul.social a.youtube {
  background-position: -84px 0;
}
/* line 600, ../sass/main.scss */
footer ul.social a.pinterest {
  background-position: -126px 0;
}
/* line 603, ../sass/main.scss */
footer ul.social a.instagram {
  background-position: -168px 0;
}
/* line 606, ../sass/main.scss */
footer ul.social a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
/* line 614, ../sass/main.scss */
footer .copy span, footer .copy ul {
  float: left;
}
@media screen and (max-width: 959px) {
  /* line 614, ../sass/main.scss */
  footer .copy span, footer .copy ul {
    padding-left: 10px;
  }
}
/* line 620, ../sass/main.scss */
footer .copy ul {
  width: 100%;
}
/* line 621, ../sass/main.scss */
footer .copy span {
  padding-left: 10px;
}
@media screen and (max-width: 959px) {
  /* line 624, ../sass/main.scss */
  footer .copy ul {
    padding-left: 0;
    margin-left: 0;
  }
}
/* line 631, ../sass/main.scss */
footer .credits {
  text-align: right;
}
/* line 633, ../sass/main.scss */
footer .credits a {
  float: right;
  margin-right: 10px;
}
/* line 640, ../sass/main.scss */
footer .pay ul {
  width: 145px;
  margin-left: 10px;
}
@media screen and (min-width: 700px) {
  /* line 640, ../sass/main.scss */
  footer .pay ul {
    margin: 0 auto;
  }
}
/* line 647, ../sass/main.scss */
footer .pay li {
  padding: 0 0 0 3px;
}
/* line 649, ../sass/main.scss */
footer .pay li.first {
  padding: 0;
}
/* line 651, ../sass/main.scss */
footer .pay span {
  width: 48px;
  height: 30px;
  display: block;
  background: url(../img/layout/pay.png) no-repeat 0 0;
  text-indent: -9000px;
}
/* line 657, ../sass/main.scss */
footer .pay span.visa {
  width: 42px;
}
/* line 660, ../sass/main.scss */
footer .pay span.mastercard {
  background-position: -45px 0;
}
/* line 663, ../sass/main.scss */
footer .pay span.paypal {
  background-position: -97px 0;
}
/* line 669, ../sass/main.scss */
footer .box {
  padding-bottom: 20px;
}
/* line 671, ../sass/main.scss */
footer .box img {
  margin: 0 auto 10px auto;
  display: block;
}
@media screen and (min-width: 960px) {
  /* line 671, ../sass/main.scss */
  footer .box img {
    float: left;
    margin-right: 20px;
  }
}

/* line 682, ../sass/main.scss */
.overview, .detail, .productsoverview, .creationsoverview, .shop {
  margin-bottom: 20px;
}
@media screen and (max-width: 959px) {
  /* line 685, ../sass/main.scss */
  .overview .title, .overview .empty, .overview .text, .detail .title, .detail .empty, .detail .text, .productsoverview .title, .productsoverview .empty, .productsoverview .text, .creationsoverview .title, .creationsoverview .empty, .creationsoverview .text, .shop .title, .shop .empty, .shop .text {
    padding: 0 10px;
  }
  /* line 687, ../sass/main.scss */
  .overview.brochures .title, .overview.brochures .empty, .overview.brochures .text, .detail.brochures .title, .detail.brochures .empty, .detail.brochures .text, .productsoverview.brochures .title, .productsoverview.brochures .empty, .productsoverview.brochures .text, .creationsoverview.brochures .title, .creationsoverview.brochures .empty, .creationsoverview.brochures .text, .shop.brochures .title, .shop.brochures .empty, .shop.brochures .text {
    padding: 0;
  }
}
@media screen and (max-width: 639px) {
  /* line 692, ../sass/main.scss */
  .overview.brochures .title, .overview.brochures .empty, .overview.brochures .text, .detail.brochures .title, .detail.brochures .empty, .detail.brochures .text, .productsoverview.brochures .title, .productsoverview.brochures .empty, .productsoverview.brochures .text, .creationsoverview.brochures .title, .creationsoverview.brochures .empty, .creationsoverview.brochures .text, .shop.brochures .title, .shop.brochures .empty, .shop.brochures .text {
    padding: 0 10px;
  }
}

/* line 697, ../sass/main.scss */
.shop {
  padding-bottom: 20px;
}

/* line 700, ../sass/main.scss */
.overview-item h1.title, .detail h1.title {
  margin-bottom: 30px;
}
@media screen and (max-width: 959px) {
  /* line 702, ../sass/main.scss */
  .overview-item .content, .detail .content {
    padding: 0 10px;
  }
}
/* line 705, ../sass/main.scss */
.overview-item .image img, .detail .image img {
  width: 100%;
  border: 1px solid #dedede;
  outline: 1px solid white;
  outline-offset: -2px;
}
/* line 711, ../sass/main.scss */
.overview-item .image:hover img, .detail .image:hover img {
  border: 1px solid #606060;
}
/* line 714, ../sass/main.scss */
.overview-item .meta, .detail .meta {
  margin: 0 0 16px 0;
  line-height: 24px;
  padding: 0;
}
@media screen and (max-width: 959px) {
  /* line 714, ../sass/main.scss */
  .overview-item .meta, .detail .meta {
    padding: 0 10px;
  }
}
/* line 722, ../sass/main.scss */
.overview-item .meta .date, .overview-item .meta .time, .detail .meta .date, .detail .meta .time {
  padding-left: 30px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #017d47;
  background: url(../img/layout/overview-meta.png) no-repeat 0 0;
}
/* line 729, ../sass/main.scss */
.overview-item .meta .date.time, .overview-item .meta .time.time, .detail .meta .date.time, .detail .meta .time.time {
  background-position: 0 -30px;
}
@media screen and (min-width: 740px) {
  /* line 722, ../sass/main.scss */
  .overview-item .meta .date, .overview-item .meta .time, .detail .meta .date, .detail .meta .time {
    float: left;
  }
  /* line 734, ../sass/main.scss */
  .overview-item .meta .date.time, .overview-item .meta .time.time, .detail .meta .date.time, .detail .meta .time.time {
    margin-left: 20px;
  }
}
/* line 739, ../sass/main.scss */
.overview-item .meta .divider, .detail .meta .divider {
  display: none;
}
@media screen and (min-width: 500px) {
  /* line 739, ../sass/main.scss */
  .overview-item .meta .divider, .detail .meta .divider {
    display: inline;
  }
}
/* line 747, ../sass/main.scss */
.overview-item .meta + p, .detail .meta + p {
  margin-top: 0;
}
/* line 751, ../sass/main.scss */
.overview-item .row, .detail .row {
  border-bottom: 1px solid #dedede;
}
/* line 756, ../sass/main.scss */
.downloads .overview-item .title, .downloads .detail .title {
  display: block;
  text-decoration: none;
}
/* line 759, ../sass/main.scss */
.downloads .overview-item .title:hover h3, .downloads .detail .title:hover h3 {
  color: #262626;
}
/* line 763, ../sass/main.scss */
.downloads .overview-item h3, .downloads .detail h3 {
  margin: 0;
  line-height: 22px;
}
/* line 767, ../sass/main.scss */
.downloads .overview-item .row, .downloads .detail .row {
  border-bottom: 0;
}
/* line 770, ../sass/main.scss */
.downloads .overview-item [class*="col"], .downloads .detail [class*="col"] {
  margin-bottom: 0;
}
/* line 771, ../sass/main.scss */
.downloads .overview-item .description, .downloads .detail .description {
  clear: both;
  display: none;
  padding-top: 10px;
}
/* line 777, ../sass/main.scss */
.downloads .overview-item .file, .downloads .detail .file {
  background: url(../img/layout/green/download.png) no-repeat 100% 50%;
  padding-right: 30px;
  height: 22px;
  line-height: 22px;
}
@media screen and (max-width: 959px) {
  /* line 777, ../sass/main.scss */
  .downloads .overview-item .file, .downloads .detail .file {
    float: left;
    margin: 10px 0 0 10px;
  }
}
@media screen and (min-width: 960px) {
  /* line 777, ../sass/main.scss */
  .downloads .overview-item .file, .downloads .detail .file {
    float: right;
    margin: 0;
  }
}
/* line 795, ../sass/main.scss */
.overview-item iframe, .detail iframe {
  width: 100%;
}

/* line 799, ../sass/main.scss */
.detail img {
  max-width: 100%;
}
/* line 800, ../sass/main.scss */
.detail ul {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
/* line 806, ../sass/main.scss */
.detail .meta {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dedede;
}
@media screen and (min-width: 960px) {
  /* line 811, ../sass/main.scss */
  .detail .media-grid {
    margin-left: -10px;
  }
}
/* line 815, ../sass/main.scss */
.detail .media-grid li {
  float: left;
  padding: 10px;
}
/* line 816, ../sass/main.scss */
.detail .media-grid img {
  max-width: 138px;
  border: 1px solid #dedede;
}
@media screen and (min-width: 480px) {
  /* line 816, ../sass/main.scss */
  .detail .media-grid img {
    max-width: 166px;
  }
}
@media screen and (min-width: 640px) {
  /* line 816, ../sass/main.scss */
  .detail .media-grid img {
    max-width: 170px;
  }
}
/* line 826, ../sass/main.scss */
.detail .media-grid a:hover img {
  border: 1px solid #606060;
}
@media screen and (max-width: 959px) {
  /* line 829, ../sass/main.scss */
  .detail .files-list {
    margin-left: 10px;
  }
}
/* line 833, ../sass/main.scss */
.detail .files-list li {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}
@media screen and (min-width: 800px) {
  /* line 833, ../sass/main.scss */
  .detail .files-list li {
    width: 50%;
  }
}
/* line 841, ../sass/main.scss */
.detail .files-list a {
  background: url("../img/layout/green/download.png") no-repeat 0 0;
  padding-left: 30px;
  height: 22px;
  line-height: 22px;
  float: left;
}
/* line 850, ../sass/main.scss */
.detail .row {
  border: 0;
}
/* line 853, ../sass/main.scss */
.detail .content ul, .detail .text ul {
  list-style: disc;
  margin-left: 20px;
  padding-left: 0;
}
/* line 858, ../sass/main.scss */
.detail .content ol, .detail .text ol {
  list-style: decimal;
  margin-left: 20px;
  padding-left: 0;
}

/* line 867, ../sass/main.scss */
.side h2 {
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #dedede;
}
@media screen and (max-width: 959px) {
  /* line 867, ../sass/main.scss */
  .side h2 {
    margin-left: 10px;
  }
}
/* line 876, ../sass/main.scss */
.side ul, .side ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 880, ../sass/main.scss */
.side ul li, .side ol li {
  padding-bottom: 20px;
}
@media screen and (max-width: 959px) {
  /* line 876, ../sass/main.scss */
  .side ul, .side ol {
    margin-left: 10px;
  }
}

/* line 888, ../sass/main.scss */
.downloads .download {
  border-top: 1px solid #dedede;
  padding: 16px 0;
}
/* line 892, ../sass/main.scss */
.downloads h2.title {
  margin-bottom: 20px;
  margin-top: 10px;
}

/* line 898, ../sass/main.scss */
.cookies-message {
  align-items: center;
  background-color: #f4f4f4;
  border: 1px solid #017d47;
  color: black;
  display: flex;
  flex-direction: column;
  padding: 1em;
  position: fixed;
  bottom: 1em;
  left: 1em;
  max-width: 25em;
  z-index: 9999;
}
/* line 912, ../sass/main.scss */
.cookies-message.hide {
  display: none;
}

/* line 917, ../sass/main.scss */
.cookies-message__description {
  margin-right: 1em;
  margin-bottom: 1em;
}

/* line 922, ../sass/main.scss */
.cookies-message__button {
  margin: 0;
  cursor: pointer;
}

/* line 928, ../sass/main.scss */
.article {
  margin-top: 20px;
}
/* line 930, ../sass/main.scss */
.article h1 {
  margin-top: 10px;
}
/* line 931, ../sass/main.scss */
.article img {
  max-width: 100%;
}
/* line 934, ../sass/main.scss */
.article iframe {
  margin: 10px auto;
  display: block;
  max-width: 100%;
}
/* line 940, ../sass/main.scss */
.article a img {
  max-width: 100%;
  border: 1px solid #dedede;
}
/* line 944, ../sass/main.scss */
.article a:hover img {
  border: 1px solid #606060;
}

/* line 948, ../sass/main.scss */
.inline-image {
  display: block;
  text-align: center;
}
@media screen and (min-width: 640px) {
  /* line 952, ../sass/main.scss */
  .inline-image.left {
    float: left;
    margin-right: 10px;
  }
  /* line 956, ../sass/main.scss */
  .inline-image.right {
    float: right;
    margin-left: 10px;
  }
}
/* line 961, ../sass/main.scss */
.inline-image.banner {
  float: none;
}
/* line 963, ../sass/main.scss */
.inline-image.banner img {
  width: 100%;
}
/* line 965, ../sass/main.scss */
.inline-image img {
  border: 1px solid #dedede;
  outline: 1px solid white;
  outline-offset: -2px;
}

/* line 973, ../sass/main.scss */
.sidemenu {
  padding-top: 10px;
}
/* line 974, ../sass/main.scss */
.sidemenu .button, .sidemenu .cookies-message__button {
  display: block;
  margin: 0 10px;
  float: none;
  border: 1px solid #dedede;
  background-color: #f4f4f4;
  color: #262626;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-position: 97% 50%;
}
@media screen and (min-width: 640px) {
  /* line 974, ../sass/main.scss */
  .sidemenu .button, .sidemenu .cookies-message__button {
    display: none;
  }
}
/* line 988, ../sass/main.scss */
.sidemenu .button:hover, .sidemenu .cookies-message__button:hover {
  color: #017d47 !important;
  background-color: #f4f4f4 !important;
}
/* line 994, ../sass/main.scss */
.sidemenu .box {
  margin: 0 10px;
  display: none;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 639px) {
  /* line 994, ../sass/main.scss */
  .sidemenu .box {
    border-top: 0;
  }
}
@media screen and (min-width: 640px) {
  /* line 994, ../sass/main.scss */
  .sidemenu .box {
    margin-right: 0;
    display: block;
  }
}
@media screen and (min-width: 960px) {
  /* line 994, ../sass/main.scss */
  .sidemenu .box {
    margin: 0;
  }
}
/* line 1010, ../sass/main.scss */
.sidemenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 1014, ../sass/main.scss */
.sidemenu ul li {
  border-bottom: 1px solid #dedede;
  padding: 5px 0;
}
/* line 1017, ../sass/main.scss */
.sidemenu ul li:last-child {
  border: 0;
}
/* line 1018, ../sass/main.scss */
.sidemenu ul li.active a {
  color: #017d47;
}
/* line 1024, ../sass/main.scss */
.sidemenu a {
  display: block;
  text-decoration: none;
  color: #262626;
  line-height: 40px;
}
/* line 1029, ../sass/main.scss */
.sidemenu a:hover {
  color: #017d47;
}
@media screen and (min-width: 640px) {
  /* line 1034, ../sass/main.scss */
  .sidemenu.horizontal {
    clear: both;
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 20px;
  }
  /* line 1041, ../sass/main.scss */
  .sidemenu.horizontal .box {
    padding: 0 5px;
    float: left;
  }
  /* line 1042, ../sass/main.scss */
  .sidemenu.horizontal li {
    display: inline;
    border-bottom: 0;
    border-right: 1px solid #dedede;
    padding: 5px 20px;
  }
  /* line 1047, ../sass/main.scss */
  .sidemenu.horizontal li a {
    display: inline;
    height: 50px;
    line-height: 50px;
  }
}

/* line 1058, ../sass/main.scss */
.category a {
  text-decoration: none;
  display: block;
}
/* line 1062, ../sass/main.scss */
.category img {
  width: 100%;
  min-height: 180px;
}
@media screen and (min-width: 480px) and (max-width: 959px) {
  /* line 1062, ../sass/main.scss */
  .category img {
    min-height: 140px;
  }
}
/* line 1069, ../sass/main.scss */
.category h2, .category h3 {
  margin-bottom: 16px;
}
/* line 1072, ../sass/main.scss */
.category .description {
  background: #f4f4f4;
  padding: 1px;
  border: 1px solid #dedede;
  outline: 1px solid white;
  outline-offset: -2px;
  margin-bottom: 20px;
}
/* line 1079, ../sass/main.scss */
.category .description p {
  margin: 0;
  padding: 10px;
}
/* line 1083, ../sass/main.scss */
.category .description .color img {
  visibility: hidden;
}

/* line 1089, ../sass/main.scss */
.products, .creations {
  /*.col-3.filter {
      @media screen and (max-width:959px) {
          display: none !important;
      }
  }*/
}
@media screen and (max-width: 959px) {
  /* line 1091, ../sass/main.scss */
  .products h1, .products h2, .products h3, .creations h1, .creations h2, .creations h3 {
    padding: 0 10px;
  }
}
/* line 1101, ../sass/main.scss */
.products .headerbanner, .creations .headerbanner {
  min-height: 40px;
}
@media screen and (min-width: 960px) {
  /* line 1101, ../sass/main.scss */
  .products .headerbanner, .creations .headerbanner {
    min-height: 90px;
  }
}

/* line 1109, ../sass/main.scss */
.productsoverview, .categoriesoverview, .creationsoverview {
  position: relative;
}
@media screen and (max-width: 639px) {
  /* line 1112, ../sass/main.scss */
  .productsoverview h1, .productsoverview h2, .productsoverview h3, .categoriesoverview h1, .categoriesoverview h2, .categoriesoverview h3, .creationsoverview h1, .creationsoverview h2, .creationsoverview h3 {
    padding: 0 10px;
  }
}
@media screen and (max-width: 959px) {
  /* line 1116, ../sass/main.scss */
  .productsoverview.categoriesoverview h1, .productsoverview.categoriesoverview h2, .productsoverview.categoriesoverview h3, .categoriesoverview.categoriesoverview h1, .categoriesoverview.categoriesoverview h2, .categoriesoverview.categoriesoverview h3, .creationsoverview.categoriesoverview h1, .creationsoverview.categoriesoverview h2, .creationsoverview.categoriesoverview h3 {
    padding: 0 10px;
  }
}
/* line 1119, ../sass/main.scss */
.productsoverview .totalItems, .categoriesoverview .totalItems, .creationsoverview .totalItems {
  z-index: 10;
  position: fixed;
  -webkit-box-shadow: 0px 0px 5px #333333;
  -moz-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
  background: #262626;
  color: white;
  padding: 0 10px;
  top: 0px;
  right: 0px;
  height: 50px;
  line-height: 50px;
}
@media screen and (min-width: 640px) {
  /* line 1119, ../sass/main.scss */
  .productsoverview .totalItems, .categoriesoverview .totalItems, .creationsoverview .totalItems {
    display: none !important;
  }
}
/* line 1135, ../sass/main.scss */
.productsoverview .filter h2, .categoriesoverview .filter h2, .creationsoverview .filter h2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 959px) {
  /* line 1135, ../sass/main.scss */
  .productsoverview .filter h2, .categoriesoverview .filter h2, .creationsoverview .filter h2 {
    padding: 0 10px;
  }
}
/* line 1141, ../sass/main.scss */
.productsoverview .filter h4, .categoriesoverview .filter h4, .creationsoverview .filter h4 {
  margin-top: 0;
}
@media screen and (max-width: 639px) {
  /* line 1145, ../sass/main.scss */
  .productsoverview .filter.col-3.hover, .categoriesoverview .filter.col-3.hover, .creationsoverview .filter.col-3.hover {
    display: block !important;
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
    width: 280px;
    -webkit-box-shadow: 0px 0px 5px #333333;
    -moz-box-shadow: 0px 0px 5px #333333;
    box-shadow: 0px 0px 5px #333333;
    background: white;
  }
  /* line 1154, ../sass/main.scss */
  .productsoverview .filter.col-3.hover h2, .categoriesoverview .filter.col-3.hover h2, .creationsoverview .filter.col-3.hover h2 {
    margin-bottom: 10px;
    height: auto !important;
  }
  /* line 1158, ../sass/main.scss */
  .productsoverview .filter.col-3.hover .box, .categoriesoverview .filter.col-3.hover .box, .creationsoverview .filter.col-3.hover .box {
    margin-bottom: 0;
  }
}
/* line 1162, ../sass/main.scss */
.productsoverview .filter ul.tree li:last-child, .categoriesoverview .filter ul.tree li:last-child, .creationsoverview .filter ul.tree li:last-child {
  background-color: #f4f4f4;
}
/* line 1164, ../sass/main.scss */
.productsoverview .filter .text input, .categoriesoverview .filter .text input, .creationsoverview .filter .text input {
  margin-bottom: 0;
}
/* line 1168, ../sass/main.scss */
.productsoverview a.filter, .categoriesoverview a.filter, .creationsoverview a.filter {
  margin: 0 10px;
}
@media screen and (min-width: 640px) {
  /* line 1168, ../sass/main.scss */
  .productsoverview a.filter, .categoriesoverview a.filter, .creationsoverview a.filter {
    display: none;
  }
}
/* line 1174, ../sass/main.scss */
.productsoverview .box a.filter, .categoriesoverview .box a.filter, .creationsoverview .box a.filter {
  margin: 20px 0 0 0;
}
/* line 1177, ../sass/main.scss */
.productsoverview a.top, .categoriesoverview a.top, .creationsoverview a.top {
  text-decoration: none;
  position: absolute;
  top: 5px;
  right: 0px;
  font-weight: bold;
  color: #262626;
}
/* line 1186, ../sass/main.scss */
.productsoverview .overview-container, .categoriesoverview .overview-container, .creationsoverview .overview-container {
  position: relative;
  overflow: hidden;
}
/* line 1190, ../sass/main.scss */
.productsoverview .overview-container.is-loading:after, .categoriesoverview .overview-container.is-loading:after, .creationsoverview .overview-container.is-loading:after {
  content: '';
  display: block;
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  height: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background: #f4f4f4;
}
/* line 1201, ../sass/main.scss */
.productsoverview .overview-container.is-loading:before, .categoriesoverview .overview-container.is-loading:before, .creationsoverview .overview-container.is-loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background: url(../img/layout/ajax-loader.gif) no-repeat 0 0;
}

@media screen and (max-width: 959px) {
  /* line 1217, ../sass/main.scss */
  .productsdetail h1, .productsdetail h2, .productsdetail h3, .productsdetail .description, .productsdetail .share, .productsdetail .shopping {
    padding: 0 10px;
  }
  /* line 1218, ../sass/main.scss */
  .productsdetail .button, .productsdetail .cookies-message__button {
    margin: 0 10px;
  }
}
/* line 1220, ../sass/main.scss */
.productsdetail .images {
  margin: 0;
  padding: 0;
}
/* line 1223, ../sass/main.scss */
.productsdetail .images img {
  width: 100%;
  border: 1px solid #dedede;
  min-height: 180px;
}
@media screen and (min-width: 480px) {
  /* line 1223, ../sass/main.scss */
  .productsdetail .images img {
    min-height: 90px;
  }
}
/* line 1230, ../sass/main.scss */
.productsdetail .images img.first {
  min-height: 200px;
}
@media screen and (min-width: 480px) and (max-width: 799px) {
  /* line 1230, ../sass/main.scss */
  .productsdetail .images img.first {
    min-height: 100px;
  }
}
/* line 1237, ../sass/main.scss */
.productsdetail .images a:hover img {
  border: 1px solid #606060;
}
/* line 1239, ../sass/main.scss */
.productsdetail ul {
  padding-left: 20px;
}
/* line 1243, ../sass/main.scss */
.productsdetail .buttons a, .productsdetail .shoppinglist_container a {
  line-height: 21px;
}
/* line 1245, ../sass/main.scss */
.productsdetail .buttons a.shoppinglist, .productsdetail .shoppinglist_container a.shoppinglist {
  float: left;
  margin-right: 10px;
}
/* line 1249, ../sass/main.scss */
.productsdetail .buttons a.info, .productsdetail .shoppinglist_container a.info {
  width: 21px;
  height: 21px;
  float: left;
  background: url(../img/layout/info.png) no-repeat 0 0;
  text-indent: -9000px;
}
/* line 1255, ../sass/main.scss */
.productsdetail .buttons a.info a:hover, .productsdetail .shoppinglist_container a.info a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
/* line 1262, ../sass/main.scss */
.productsdetail .stock {
  padding: 5px;
  border: 1px solid #f4f4f4;
  display: block;
  margin: 10px 0;
}
/* line 1267, ../sass/main.scss */
.productsdetail .stock.soon {
  margin-bottom: 0;
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
/* line 1272, ../sass/main.scss */
.productsdetail .stock.soon a {
  color: #a47e3c;
}
/* line 1274, ../sass/main.scss */
.productsdetail .stock.no {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
/* line 1278, ../sass/main.scss */
.productsdetail .stock.no a {
  color: #953b39;
}
/* line 1282, ../sass/main.scss */
.productsdetail .productitem {
  border-bottom: 1px solid #dedede;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
/* line 1286, ../sass/main.scss */
.productsdetail .productitem h3 {
  margin-top: 0;
}
/* line 1287, ../sass/main.scss */
.productsdetail .productitem .flash_container {
  padding-top: 20px;
}
/* line 1292, ../sass/main.scss */
.productsdetail .share {
  margin: 20px 0;
}
/* line 1295, ../sass/main.scss */
.productsdetail .shopping h1, .productsdetail .shopping h2, .productsdetail .shopping h3, .productsdetail .shopping h4, .productsdetail .description h1, .productsdetail .description h2, .productsdetail .description h3, .productsdetail .description h4 {
  padding: 0;
}
/* line 1296, ../sass/main.scss */
.productsdetail .shopping button, .productsdetail .description button {
  margin: 10px 0;
}
/* line 1299, ../sass/main.scss */
.productsdetail .colors {
  margin: 0 0 20px 0;
  padding: 16px 10px;
  line-height: 33px;
  border: 1px solid #dedede;
  border-width: 1px 0;
}
@media screen and (min-width: 960px) {
  /* line 1299, ../sass/main.scss */
  .productsdetail .colors {
    padding: 16px 0;
  }
}
/* line 1308, ../sass/main.scss */
.productsdetail .colors .label {
  margin-right: 10px;
}
/* line 1309, ../sass/main.scss */
.productsdetail .colors .label, .productsdetail .colors .lists {
  float: left;
}
/* line 1312, ../sass/main.scss */
.productsdetail .description > p {
  margin-top: 0;
}

/* line 1318, ../sass/main.scss */
.lists {
  position: relative;
}
/* line 1320, ../sass/main.scss */
.lists .list {
  background: white;
  list-style: none;
  width: 280px;
  width: 280px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #dedede;
}
/* line 1328, ../sass/main.scss */
.lists .list li {
  display: none;
  margin: 0;
  padding: 0;
  height: 33px;
  line-height: 33px;
  border: 1px solid #dedede;
  border-width: 0px 1px 1px 1px;
}
/* line 1336, ../sass/main.scss */
.lists .list li a {
  display: block;
  color: #262626;
  text-decoration: none;
}
/* line 1340, ../sass/main.scss */
.lists .list li a:hover, .lists .list li a:active {
  color: black;
  background-color: #f4f4f4;
}
/* line 1344, ../sass/main.scss */
.lists .list li a span {
  display: block;
  background: white;
  height: 33px;
  width: 33px;
  border-right: 1px solid #dedede;
  float: left;
  margin-right: 5px;
}
/* line 1354, ../sass/main.scss */
.lists .list li.active {
  display: block;
}
/* line 1356, ../sass/main.scss */
.lists .list li.active a {
  background: url(../img/layout/dropdown.png) no-repeat 265px 50%;
}
/* line 1358, ../sass/main.scss */
.lists .list li.active a:hover, .lists .list li.active a:active {
  color: black;
  background-color: #f4f4f4;
}
/* line 1365, ../sass/main.scss */
.lists .list.dropdown {
  position: absolute;
  top: 34px;
  z-index: 1;
}

/* line 1374, ../sass/main.scss */
.productsused h2, .productsused h3 {
  margin-top: 0;
}
/* line 1375, ../sass/main.scss */
.productsused .productitem {
  border-top: 1px solid #dedede;
  padding: 20px 0;
}
/* line 1379, ../sass/main.scss */
.productsused .productitem a img {
  border: 1px solid #dedede;
  outline: 1px solid white;
  outline-offset: -2px;
}
/* line 1384, ../sass/main.scss */
.productsused .productitem a:hover img {
  border: 1px solid #606060;
}
/* line 1386, ../sass/main.scss */
.productsused .productitem .button, .productsused .productitem .cookies-message__button {
  margin-top: 20px;
}

/* line 1391, ../sass/main.scss */
.brochures .button, .brochures .cookies-message__button {
  margin-top: 20px;
}
/* line 1394, ../sass/main.scss */
.brochures #brochure-list h3 {
  font-size: 18px;
}
/* line 1396, ../sass/main.scss */
.brochures #brochure-list a img {
  border: 1px solid #dedede;
  outline: 1px solid white;
  outline-offset: -2px;
  min-height: 190px;
  width: 100%;
}
/* line 1403, ../sass/main.scss */
.brochures #brochure-list a:hover img {
  border: 1px solid #606060;
}
/* line 1406, ../sass/main.scss */
.brochures .content {
  padding-top: 10px;
}

/* line 1409, ../sass/main.scss */
.adp-text {
  box-sizing: border-box;
  padding-left: 30px;
}

/* line 1414, ../sass/main.scss */
#map_canvas {
  width: 100%;
  height: 300px;
}
/* line 1417, ../sass/main.scss */
#map_canvas.big {
  height: 760px;
}
/* line 1420, ../sass/main.scss */
#map_canvas.eventdetail {
  margin: 20px 0;
  height: 400px;
}
/* line 1424, ../sass/main.scss */
#map_canvas img {
  max-height: none;
  max-width: none;
  min-height: 10px;
  min-width: 10px;
}
/* line 1430, ../sass/main.scss */
#map_canvas .infowindow-content {
  line-height: 1.5;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
}

/* line 1438, ../sass/main.scss */
.resellers {
  position: relative;
}
/* line 1441, ../sass/main.scss */
.resellers .spotlight #map_canvas {
  top: 160px;
  height: 600px;
  margin-bottom: 160px;
}
/* line 1446, ../sass/main.scss */
.resellers .spotlight .overlay {
  position: absolute;
  left: 50%;
  width: 320px;
  margin-left: -160px;
  top: 550px;
  /*.cta {
      text-align: center;
      .button {
          float: none;
          display: inline-block;
          margin: 0 auto;
          @media screen and (max-width:639px) {
              margin: 0 10px;
          }
      }
  }*/
}
@media screen and (min-width: 640px) {
  /* line 1446, ../sass/main.scss */
  .resellers .spotlight .overlay {
    top: 605px;
    width: 600px;
    margin-left: -300px;
  }
}
@media screen and (min-width: 960px) {
  /* line 1446, ../sass/main.scss */
  .resellers .spotlight .overlay {
    top: 450px;
  }
}
/* line 1460, ../sass/main.scss */
.resellers .spotlight .overlay h2 {
  margin-top: 0;
}
/* line 1474, ../sass/main.scss */
.resellers .spotlight .overlay .filter select, .resellers .spotlight .overlay .filter input {
  width: 295px;
  margin-bottom: 10px;
  float: left;
  height: 38px;
  line-height: 38px;
  padding: 0 5px;
}
@media screen and (min-width: 640px) {
  /* line 1474, ../sass/main.scss */
  .resellers .spotlight .overlay .filter select, .resellers .spotlight .overlay .filter input {
    width: 265px;
  }
}
@media screen and (min-width: 960px) {
  /* line 1474, ../sass/main.scss */
  .resellers .spotlight .overlay .filter select, .resellers .spotlight .overlay .filter input {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 640px) {
  /* line 1489, ../sass/main.scss */
  .resellers .spotlight .overlay .filter input {
    float: right;
  }
}
/* line 1493, ../sass/main.scss */
.resellers .spotlight h1.title {
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
}
/* line 1501, ../sass/main.scss */
.resellers .box h3 {
  margin-top: 0;
}
/* line 1505, ../sass/main.scss */
.resellers .information {
  word-break: break-all;
}

/* line 1510, ../sass/main.scss */
.members {
  margin-bottom: 20px;
}
/* line 1512, ../sass/main.scss */
.members input.inline {
  display: block;
}
@media screen and (min-width: 600px) {
  /* line 1512, ../sass/main.scss */
  .members input.inline {
    display: inline;
  }
}
/* line 1518, ../sass/main.scss */
.members .intro, .members .details {
  margin-bottom: 20px;
}
/* line 1521, ../sass/main.scss */
.members table.details {
  border: 0;
}
/* line 1522, ../sass/main.scss */
.members .actions {
  padding-top: 20px;
}
/* line 1523, ../sass/main.scss */
.members hr {
  border-top: 1px solid #dedede;
  margin: 20px 0;
}
@media screen and (max-width: 959px) {
  /* line 1526, ../sass/main.scss */
  .members .title, .members .intro, .members .text {
    padding: 0 10px;
  }
}
@media screen and (max-width: 799px) {
  /* line 1532, ../sass/main.scss */
  .members table .summary {
    display: none;
  }
}

/* line 1538, ../sass/main.scss */
.orderdetail {
  border: 1px solid #d8d6ce;
  background: #f4f4f4;
  padding: 10px;
  margin-bottom: 20px;
  line-height: 40px;
}
/* line 1544, ../sass/main.scss */
.orderdetail .buttons .button, .orderdetail .buttons .cookies-message__button {
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  /* line 1544, ../sass/main.scss */
  .orderdetail .buttons .button, .orderdetail .buttons .cookies-message__button {
    float: left;
  }
}

/* line 1552, ../sass/main.scss */
.flash_container {
  position: relative;
  clear: both;
  display: block;
}

/* line 1558, ../sass/main.scss */
.alert-message {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  padding-right: 35px;
}
/* line 1563, ../sass/main.scss */
.alert-message p {
  padding: 0;
  margin: 0;
}
/* line 1564, ../sass/main.scss */
.alert-message a {
  font-weight: bold;
}
/* line 1567, ../sass/main.scss */
.alert-message .close {
  text-decoration: none;
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
  float: right;
  font-size: 21px;
  text-shadow: 0 1px 0 white;
  color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
/* line 1578, ../sass/main.scss */
.alert-message .close:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 1582, ../sass/main.scss */
.alert-message.success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
/* line 1586, ../sass/main.scss */
.alert-message.success a {
  color: #356635;
}
/* line 1588, ../sass/main.scss */
.alert-message.info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
/* line 1592, ../sass/main.scss */
.alert-message.info a {
  color: #2d6987;
}
/* line 1594, ../sass/main.scss */
.alert-message.warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
/* line 1598, ../sass/main.scss */
.alert-message.warning a {
  color: #a47e3c;
}
/* line 1600, ../sass/main.scss */
.alert-message.error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
/* line 1604, ../sass/main.scss */
.alert-message.error a {
  color: #953b39;
}

/* line 1608, ../sass/main.scss */
ul.tree, ul.tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: url(../img/layout/tree-vline.png) repeat-y 7px 0;
}
/* line 1613, ../sass/main.scss */
ul.tree li, ul.tree ul li {
  background: url(../img/layout/tree-hline.png) no-repeat 8px 11px;
  padding-left: 26px !important;
}
/* line 1616, ../sass/main.scss */
ul.tree li:last-child, ul.tree ul li:last-child {
  background: white url(../img/layout/tree-bottom.png) no-repeat 7px 0;
}

/* line 1622, ../sass/main.scss */
.sitemap, .errorpages {
  margin-bottom: 20px;
}
@media screen and (max-width: 959px) {
  /* line 1626, ../sass/main.scss */
  .sitemap .title, .sitemap .text, .errorpages .title, .errorpages .text {
    padding: 0 10px;
  }
  /* line 1627, ../sass/main.scss */
  .sitemap .tree, .errorpages .tree {
    margin: 0 10px;
  }
}

@media screen and (min-width: 640px) {
  /* line 1633, ../sass/main.scss */
  .content img.left {
    float: left;
    margin-right: 10px;
  }
  /* line 1637, ../sass/main.scss */
  .content img.right {
    float: right;
    margin-left: 10px;
  }
}
/* line 1642, ../sass/main.scss */
.content table {
  max-width: 100% !important;
  border: 1px solid #f4f4f4;
}
@media screen and (max-width: 799px) {
  /* line 1642, ../sass/main.scss */
  .content table {
    width: 100% !important;
  }
}
/* line 1648, ../sass/main.scss */
.content table td {
  padding: 5px;
}

/* line 1654, ../sass/main.scss */
.pagination {
  clear: both;
  display: block;
  margin: 20px 0;
}
@media screen and (max-width: 959px) {
  /* line 1654, ../sass/main.scss */
  .pagination {
    margin-left: 10px;
  }
}
/* line 1662, ../sass/main.scss */
.pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 1667, ../sass/main.scss */
.pagination li {
  display: inline;
}
/* line 1669, ../sass/main.scss */
.pagination li a {
  margin: 0 1px;
  position: relative;
  float: left;
  padding: 6px 12px;
  text-decoration: none;
  background-color: white;
  border: 1px solid #dedede;
}
/* line 1677, ../sass/main.scss */
.pagination li a:hover {
  background-color: #f4f4f4;
}
/* line 1681, ../sass/main.scss */
.pagination li.disabled a {
  cursor: default;
  background-color: #017d47;
  color: white;
}

/* line 1689, ../sass/main.scss */
.shoppingdetail {
  border-bottom: 1px solid #dedede;
  margin-top: 20px;
}
/* line 1690, ../sass/main.scss */
.shoppingdetail img {
  width: 100%;
  border: 1px solid #dedede;
}
/* line 1697, ../sass/main.scss */
.shoppingdetail.borderless {
  border: 0;
  margin-top: 10px;
}
/* line 1702, ../sass/main.scss */
.shoppingdetail .shipping {
  padding-top: 10px;
}
/* line 1704, ../sass/main.scss */
.shoppingdetail .shipping .box {
  padding: 15px;
  background: #ffc34d;
  border-left: 10px solid #ce4b3c;
}
/* line 1708, ../sass/main.scss */
.shoppingdetail .shipping .box label {
  margin: 0;
}
/* line 1709, ../sass/main.scss */
.shoppingdetail .shipping .box .entry {
  margin-top: 15px;
}
/* line 1713, ../sass/main.scss */
.shoppingdetail a.trash {
  background: white url("../img/layout/green/trash.png") no-repeat 0 0;
  width: 16px;
  height: 20px;
  display: inline-block;
  text-indent: -9000px;
}
/* line 1719, ../sass/main.scss */
.shoppingdetail a.trash:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
/* line 1724, ../sass/main.scss */
.shoppingdetail .input-number-controls a {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-indent: -9000px;
}
/* line 1729, ../sass/main.scss */
.shoppingdetail .input-number-controls a.up {
  background: white url("../img/layout/green/up.png") no-repeat 0 0;
}
/* line 1730, ../sass/main.scss */
.shoppingdetail .input-number-controls a.down {
  background: white url("../img/layout/green/down.png") no-repeat 0 0;
}
/* line 1731, ../sass/main.scss */
.shoppingdetail .input-number-controls a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
/* line 1735, ../sass/main.scss */
.shoppingdetail .input-number-controls input {
  margin: 0 5px;
  width: 60px;
  display: inline-block;
}
/* line 1742, ../sass/main.scss */
.shoppingdetail a.infolink {
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  background: url(../img/layout/info.png) no-repeat 0 0;
  text-indent: -9000px;
}
/* line 1750, ../sass/main.scss */
.shoppingdetail a.infolink a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
/* line 1756, ../sass/main.scss */
.shoppingdetail .info .no {
  color: red;
}
/* line 1757, ../sass/main.scss */
.shoppingdetail .info .soon {
  color: #f4aa33;
}
/* line 1758, ../sass/main.scss */
.shoppingdetail .info .yes {
  color: #579850;
}

/* line 1763, ../sass/main.scss */
.shop .steps {
  background: #f4f4f4;
  border: 1px solid #d8d6ce;
  font-size: 18px;
  color: #989898;
  font-weight: bold;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
  margin: 20px 0;
}
/* line 1773, ../sass/main.scss */
.shop .steps.active {
  color: #017d47;
}
/* line 1778, ../sass/main.scss */
.shop .payment form {
  width: 112px;
  margin: 0 auto;
}
/* line 1781, ../sass/main.scss */
.shop .payment form img {
  margin-bottom: 10px;
  cursor: pointer;
}
/* line 1784, ../sass/main.scss */
.shop .payment form img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}

/* line 1793, ../sass/main.scss */
.ogone small {
  font-family: "Arial";
  font-size: 1em;
  line-height: 24px;
}
/* line 1797, ../sass/main.scss */
.ogone small small {
  font-size: 12px;
}
/* line 1799, ../sass/main.scss */
.ogone .ncoltxtr small {
  font-weight: bold;
}
/* line 1800, ../sass/main.scss */
.ogone input.ncol {
  display: block;
  line-height: 18px;
  border: 0;
  background: #017d47;
  border-bottom: 2px solid #003c22;
  padding: 10px;
  text-decoration: none;
  color: white;
  cursor: pointer;
  text-align: center;
  margin: 0;
}
/* line 1813, ../sass/main.scss */
.ogone input[type=text] {
  display: inline;
  width: auto;
}
/* line 1817, ../sass/main.scss */
.ogone td {
  vertical-align: top;
  padding: 5px 10px;
}
/* line 1818, ../sass/main.scss */
.ogone select {
  width: 85px;
  display: inline;
  height: 40px;
}
/* line 1822, ../sass/main.scss */
.ogone select#Ecom_Payment_Card_ExpDate_Month {
  margin-right: 5px;
}
/* line 1825, ../sass/main.scss */
.ogone select#Ecom_Payment_Card_ExpDate_Year {
  margin-left: 5px;
}
/* line 1830, ../sass/main.scss */
.ogone .WaitMsgClass {
  border: 5px solid #017d47 !important;
  position: fixed !important;
  top: 40% !important;
  left: 50% !important;
  margin-left: -200px !important;
  width: 400px !important;
}

/* line 1840, ../sass/main.scss */
a[href^=tel] {
  text-decoration: none;
  color: #262626;
}

@media screen and (min-width: 960px) {
  /* line 1845, ../sass/main.scss */
  .contact #map_canvas {
    width: 90%;
  }
}

/* line 1851, ../sass/main.scss */
#directionsPanel td.adp-text {
  padding-left: 30px;
}

/* line 1855, ../sass/main.scss */
html[lang=de] footer ul.sitemap li a {
  font-size: .75em;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 9, ../sass/core/helpers.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
/* line 14, ../sass/core/helpers.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/* line 21, ../sass/core/helpers.scss */
.lte-ie7 .ir {
  text-indent: -9999px;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 30, ../sass/core/helpers.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 39, ../sass/core/helpers.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 56, ../sass/core/helpers.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 69, ../sass/core/helpers.scss */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 85, ../sass/core/helpers.scss */
.clearfix, .row, form .input, form .entry, .overview-item .meta, .detail .meta, .flash_container, .pagination {
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
}
/* line 87, ../sass/core/helpers.scss */
.clearfix:before, .row:before, form .input:before, form .entry:before, .overview-item .meta:before, .detail .meta:before, .flash_container:before, .pagination:before, .clearfix:after, .row:after, form .input:after, form .entry:after, .overview-item .meta:after, .detail .meta:after, .flash_container:after, .pagination:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
/* line 91, ../sass/core/helpers.scss */
.clearfix:after, .row:after, form .input:after, form .entry:after, .overview-item .meta:after, .detail .meta:after, .flash_container:after, .pagination:after {
  clear: both;
}
/* line 99, ../sass/core/helpers.scss */
.lte-ie7 .clearfix, .lte-ie7 .row, .lte-ie7 form .input, form .lte-ie7 .input, .lte-ie7 form .entry, form .lte-ie7 .entry, .lte-ie7 .overview-item .meta, .overview-item .lte-ie7 .meta, .lte-ie7 .detail .meta, .detail .lte-ie7 .meta, .lte-ie7 .flash_container, .lte-ie7 .pagination {
  zoom: 1;
}

/* Welcome to Compass. Use this file to define print styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
@media print {
  /* line 6, ../sass/print.scss */
  header, footer, .sidemenu, .subpages, .shoppingactions, .shoppingdetail .cart, .shoppingdetail .action, .shoppingdetail .input-number-controls a {
    display: none !important;
  }

  /* line 7, ../sass/print.scss */
  * {
    font-size: 90%;
    line-height: normal;
  }

  /* line 10, ../sass/print.scss */
  .shoppingdetail .col-1 {
    width: 60px !important;
  }
  /* line 13, ../sass/print.scss */
  .shoppingdetail .col-2 {
    width: 120px !important;
  }
  /* line 15, ../sass/print.scss */
  .shoppingdetail .col-2.img {
    width: 70px !important;
  }
  /* line 19, ../sass/print.scss */
  .shoppingdetail .col-5 {
    width: 400px !important;
  }
  /* line 22, ../sass/print.scss */
  .shoppingdetail input {
    border: none !important;
  }
  /* line 25, ../sass/print.scss */
  .shoppingdetail img {
    width: 50px !important;
    height: 50px !important;
  }
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
/* line 12, ../sass/components/fancybox.scss */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

/* line 20, ../sass/components/fancybox.scss */
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

/* line 27, ../sass/components/fancybox.scss */
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* line 37, ../sass/components/fancybox.scss */
.fancybox-opened {
  z-index: 8030;
}

/* line 41, ../sass/components/fancybox.scss */
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

/* line 47, ../sass/components/fancybox.scss */
.fancybox-outer, .fancybox-inner {
  position: relative;
}

/* line 51, ../sass/components/fancybox.scss */
.fancybox-inner {
  overflow: hidden;
}

/* line 55, ../sass/components/fancybox.scss */
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

/* line 59, ../sass/components/fancybox.scss */
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

/* line 67, ../sass/components/fancybox.scss */
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 73, ../sass/components/fancybox.scss */
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

/* line 78, ../sass/components/fancybox.scss */
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../img/fancybox/sprite.png");
}

/* line 82, ../sass/components/fancybox.scss */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

/* line 94, ../sass/components/fancybox.scss */
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../img/fancybox/loading.gif") center center no-repeat;
}

/* line 100, ../sass/components/fancybox.scss */
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

/* line 110, ../sass/components/fancybox.scss */
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../img/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

/* line 122, ../sass/components/fancybox.scss */
.fancybox-prev {
  left: 0;
}

/* line 126, ../sass/components/fancybox.scss */
.fancybox-next {
  right: 0;
}

/* line 130, ../sass/components/fancybox.scss */
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

/* line 141, ../sass/components/fancybox.scss */
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

/* line 146, ../sass/components/fancybox.scss */
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

/* line 151, ../sass/components/fancybox.scss */
.fancybox-nav:hover span {
  visibility: visible;
}

/* line 155, ../sass/components/fancybox.scss */
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
/* line 167, ../sass/components/fancybox.scss */
.fancybox-lock {
  overflow: hidden;
}

/* line 171, ../sass/components/fancybox.scss */
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../img/fancybox/overlay.png");
}

/* line 181, ../sass/components/fancybox.scss */
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* line 187, ../sass/components/fancybox.scss */
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
/* line 194, ../sass/components/fancybox.scss */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

/* line 202, ../sass/components/fancybox.scss */
.fancybox-opened .fancybox-title {
  visibility: visible;
}

/* line 206, ../sass/components/fancybox.scss */
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

/* line 215, ../sass/components/fancybox.scss */
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

/* line 231, ../sass/components/fancybox.scss */
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

/* line 237, ../sass/components/fancybox.scss */
.fancybox-title-inside-wrap {
  padding-top: 10px;
}

/* line 241, ../sass/components/fancybox.scss */
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/* line 1864, ../sass/main.scss */
.issuu-frame .fancybox-outer {
  overflow: hidden;
}