@charset "UTF-8";
/*	==========================================================================
	Author:		Michael Ledwig
	URL:		www.michael-ledwig.de
	E-Mail:		info@michael-ledwig.de
	Date:		02/2016
	========================================================================== */
/* Included shorthands as these may be used a lot.*/
/* Font Stacks*/
/* Breakpoints*/
/*
//  Value based (map)

//  Use it    
.class { z-index: z('modal-window'); }  //  =>  z-index: 4
.class { @include z('modal-window'); }  //  =>  z-index: 4  


$z-layers: (
'wallpaper'       : 0
    , 'page-content'    : 1    
    , 'page-footer'     : 2    
    , 'page-header'     : 2    
    , 'page-navigation' : 3    
    , 'modal-window'    : 4
);*/
/* Box reset
// =========*/
/* Reset border, margin, and padding*/
/* Mixin for basic CSS triangles */
/*
 * Mixin for placeholder styling
*/
/*
 * Mixin for selection markup
*/
/* Syntax:
// @include aspect-ratio($ratio or $width, $height); */
/*	==========================================================================
	Base & Reset
	========================================================================== */
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  border: 0 none;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

/* archivo-narrow-regular - latin */
@font-face {
  font-family: "Archivo Narrow";
  font-style: normal;
  font-weight: 400;
  src: url("../font/archivo-narrow-v11-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Archivo Narrow Regular"), local("ArchivoNarrow-Regular"), url("../font/archivo-narrow-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("../font/archivo-narrow-v11-latin-regular.woff2") format("woff2"), url("../font/archivo-narrow-v11-latin-regular.woff") format("woff"), url("../font/archivo-narrow-v11-latin-regular.ttf") format("truetype"), url("../font/archivo-narrow-v11-latin-regular.svg#ArchivoNarrow") format("svg");
  /* Legacy iOS */
}
/* archivo-narrow-600 - latin */
@font-face {
  font-family: "Archivo Narrow";
  font-style: normal;
  font-weight: 600;
  src: url("../font/archivo-narrow-v11-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Archivo Narrow SemiBold"), local("ArchivoNarrow-SemiBold"), url("../font/archivo-narrow-v11-latin-600.eot?#iefix") format("embedded-opentype"), url("../font/archivo-narrow-v11-latin-600.woff2") format("woff2"), url("../font/archivo-narrow-v11-latin-600.woff") format("woff"), url("../font/archivo-narrow-v11-latin-600.ttf") format("truetype"), url("../font/archivo-narrow-v11-latin-600.svg#ArchivoNarrow") format("svg");
  /* Legacy iOS */
}
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #eee url("../img/bg-html.gif") repeat fixed;
}

/* archivo-narrow-regular - latin */
@font-face {
  font-family: "Archivo Narrow";
  font-style: normal;
  font-weight: 400;
  src: url("../font/archivo-narrow-v11-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Archivo Narrow Regular"), local("ArchivoNarrow-Regular"), url("../font/archivo-narrow-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("../font/archivo-narrow-v11-latin-regular.woff2") format("woff2"), url("../font/archivo-narrow-v11-latin-regular.woff") format("woff"), url("../font/archivo-narrow-v11-latin-regular.ttf") format("truetype"), url("../font/archivo-narrow-v11-latin-regular.svg#ArchivoNarrow") format("svg");
  /* Legacy iOS */
}
/* archivo-narrow-600 - latin */
@font-face {
  font-family: "Archivo Narrow";
  font-style: normal;
  font-weight: 600;
  src: url("../font/archivo-narrow-v11-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Archivo Narrow Medium"), local("ArchivoNarrow-Medium"), url("../font/archivo-narrow-v11-latin-600.eot?#iefix") format("embedded-opentype"), url("../font/archivo-narrow-v11-latin-600.woff2") format("woff2"), url("../font/archivo-narrow-v11-latin-600.woff") format("woff"), url("../font/archivo-narrow-v11-latin-600.ttf") format("truetype"), url("../font/archivo-narrow-v11-latin-600.svg#ArchivoNarrow") format("svg");
  /* Legacy iOS */
}
body {
  min-height: 100%;
  background: #fff;
  max-width: 1100px;
  min-width: 980px;
  margin: 0 auto;
  line-height: 1.4;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-align: center;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 17px;
  font-size: 1.0625rem;
  *zoom: 1;
}
body:before, body:after {
  display: table;
  content: "";
}
body:after {
  clear: both;
}

/*	==========================================================================
	Links
	========================================================================== */
a {
  outline: 0;
  text-decoration: none;
  color: #069;
  -webkit-tap-highlight-color: white;
  transition: color 250ms ease-in-out, background 250ms ease-in-out, border 250ms ease-in-out;
}
a:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}
a:active, a:hover {
  color: #0080c0;
  outline: 0;
  text-decoration: none;
}

.no-js .email-decoding span span {
  display: none;
}

.no-js .email-decoding span:after {
  content: "@";
}

/*	==========================================================================
	Typography
	========================================================================== */
html,
body,
button,
input,
select,
textarea {
  font-family: "Archivo Narrow", "Helvetica Neue", Arial, sans-serif;
  color: #222;
}

h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  text-rendering: optimizelegibility;
  color: #666;
}

a h1,
a h2,
a h3,
h2 a,
h3 a {
  color: inherit;
}

h1,
h2 {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 1em;
  width: 600px;
}

h3 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 1em;
}

h4,
h5,
h6 {
  font-size: inherit;
  margin-bottom: 1em;
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 13px;
  font-size: 0.8125rem;
}

p {
  font-size: inherit;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  line-height: 1.4em;
  margin: 0 0 1.4em 0;
}

* p:last-child {
  margin-bottom: 0;
}

blockquote {
  margin: 1em 2.5em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
  margin: 1em 0;
  padding: 0;
}
hr.double-line {
  border-top: 4px double #ddd;
  background: #fff;
}

q {
  quotes: "“" "”" "‘" "’";
}

::selection {
  background: #ffff66;
  color: #222;
}

/*	==========================================================================
	Layout
	========================================================================== */
.container {
  margin: 0 auto;
  position: relative;
  width: 960px;
  text-align: left;
  *zoom: 1;
}
.container:before, .container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}

/*  Accessibility
    -------------------------------------------------------------------------- */
.accessibility {
  position: fixed;
  left: 1em;
  top: 1em;
}
.accessibility a {
  background: #fff;
  padding: 0.5em;
  /* Hide: keep in to bots and screen-readers */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.accessibility a:active, .accessibility a:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*	Navigation-Language
	-------------------------------------------------------------------------- */
#language {
  position: absolute;
  right: 0;
  top: -42px;
  font-size: 14px;
  font-size: 0.875rem;
}
#language li {
  background: url(../img/ic-language.gif) no-repeat 26px -4px;
  padding-left: 50px;
  float: left;
}
#language li.active a {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: default;
}
#language li a {
  display: block;
}
#language li.en {
  background-position: 26px -29px;
  right: 0;
}
#language li.en:before {
  content: "|";
  top: -1px;
  right: 75px;
  position: absolute;
  color: #cdcdcd;
}

/*  Navigation-Main
	-------------------------------------------------------------------------- */
nav#top {
  background: #fff;
  border-bottom: solid 1px #cdcdcd;
  padding: 10px 0 2px 0;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 10;
  transform: translateY(0);
  transform: translate(0px, 0);
  *zoom: 1;
}
nav#top:before, nav#top:after {
  display: table;
  content: "";
}
nav#top:after {
  clear: both;
}
.sticky nav#top {
  position: fixed;
  z-index: 9999;
  top: 0;
}
nav#top input[type=checkbox],
nav#top label {
  display: none;
}
nav#top #navigation-main {
  position: relative;
  float: right;
  margin: 0;
  height: 80px;
  border-bottom: 2px solid #cdcdcd;
  padding-left: 188px;
}
nav#top #navigation-main li {
  list-style: none;
  position: relative;
  width: 168px;
  float: left;
  border-left: solid 1px #eee;
}
nav#top #navigation-main li.picture-gallery {
  width: 138px;
}
nav#top #navigation-main li.material-manufacture {
  width: 198px;
}
nav#top #navigation-main li.home {
  width: 100px;
  border-left: none;
}
nav#top #navigation-main li.active a {
  cursor: default;
  border-bottom: 2px solid #222;
}
nav#top #navigation-main li a {
  height: 80px;
  display: block;
  transition: border 250ms ease-in-out;
  border-bottom: 2px solid #cdcdcd;
  position: relative;
}
nav#top #navigation-main li a strong {
  font-size: 20px;
  font-size: 1.25rem;
  color: #222;
  font-weight: lighter;
  display: block;
  height: 24px;
  line-height: 22px;
  margin-bottom: 8px;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 250ms ease-in-out, background 250ms ease-in-out;
}
nav#top #navigation-main li a em {
  font-size: 14px;
  font-size: 0.875rem;
  color: #999;
  font-style: normal;
  line-height: 16px;
  padding-left: 10px;
  display: block;
  transition: color 250ms ease-in-out;
}
nav#top #navigation-main li a:hover {
  border-bottom-color: #222;
}
nav#top #navigation-main li a:hover em {
  color: #222;
}
nav#top #navigation-main li a:hover strong {
  background: #222;
  color: #FFFF00;
}
nav#top #navigation-main li a:active {
  top: 1px;
}

/*	Header
	-------------------------------------------------------------------------- */
header {
  *zoom: 1;
  padding-top: 143px;
  position: relative;
  z-index: 9;
}
header:before, header:after {
  display: table;
  content: "";
}
header:after {
  clear: both;
}
.home header {
  height: 445px;
}

/*	Branding
	-------------------------------------------------------------------------- */
header h1#branding {
  width: 290px;
  height: 165px;
  padding: 15px 0 0 0;
  background: #000 url(../img/alsatek-logo.jpg) no-repeat center center;
  margin: 15px 0 0 0;
}
.home header h1#branding {
  height: 242px;
  padding: 60px 0 0 0;
}
header h1#branding a {
  height: 120px;
  display: block;
}

/*  Hero
    -------------------------------------------------------------------------- */
#banner {
  height: 180px;
  width: 670px;
  background: #fff url(../img/header.jpg) no-repeat 0 15px;
  margin: 0;
  position: relative;
}
.home #banner {
  background: #fff url(../img/bg_banner.jpg) no-repeat 0 15px;
  height: 278px;
}
#banner:before {
  content: " ";
  border-left: solid 1px #eee;
  height: 15px;
  position: absolute;
  left: -2px;
}
#banner ul.slider {
  z-index: 1;
  height: 278px;
  overflow: hidden;
  margin: 0;
}
#banner ul.slider .galleria-thumbnails-container {
  display: none;
}
#banner ul.slider img {
  margin-left: 50px;
  max-width: none;
  opacity: 0;
}
#banner a {
  position: absolute;
  bottom: 20px;
  right: 0;
  text-align: right;
  color: #ccc;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 30px;
  padding-right: 40px;
  transition: 250ms;
  z-index: 2;
}
.home #banner a {
  bottom: 40px;
}
#banner a strong {
  font-weight: lighter;
  background: #000;
  border: solid 10px #000;
}
#banner a:after {
  content: "";
  height: 70px;
  background: rgba(0, 0, 0, 0.5) url("../img/ic-arrow-yellow.png") no-repeat center;
  background-image: url("../img/ic-arrow-yellow.svg");
  background-size: 22px;
  width: 48px;
  display: block;
  position: absolute;
  top: -5px;
  right: 0;
  transition: 250ms;
}
#banner a:hover {
  padding-right: 46px;
  color: #ffff00;
}

/*  Breadcrumb
    -------------------------------------------------------------------------- */
#breadcrumb {
  height: 34px;
  line-height: 34px;
  position: relative;
  margin: 1px auto 40px auto;
  background: #000;
}
.overview #breadcrumb, .overview-car #breadcrumb, .overview-type #breadcrumb, .overview-product #breadcrumb {
  margin-bottom: 0;
}
#breadcrumb ul {
  position: absolute;
  left: 289px;
  width: 671px;
  background: #000;
  height: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#breadcrumb ul:after {
  content: "";
  position: absolute;
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
  width: 50px;
  height: inherit;
}
#breadcrumb ul li {
  display: inline-block;
  vertical-align: top;
  color: #666;
  font-size: 16px;
  font-size: 1rem;
}
#breadcrumb ul li.meta {
  padding: 0 10px;
}
#breadcrumb ul li a {
  color: #ccc;
  font-size: inherit;
}
#breadcrumb ul li a:after {
  content: "";
  display: block;
  float: right;
  width: 20px;
  height: 34px;
  background: #000 url("../img/ic-arrow-yellow.png") no-repeat center;
  background-image: url("../img/ic-arrow-yellow.svg");
  background-size: 10px;
}
#breadcrumb ul li a:hover {
  color: #ffff00;
}
#breadcrumb ul li:last-child a:after {
  content: none;
  display: none;
}

/*  Social / Share
    -------------------------------------------------------------------------- */
ul.social {
  position: absolute;
  right: 0;
  bottom: -75px;
  z-index: 10;
  margin: 0;
}
.home ul.social {
  bottom: 5px;
}
ul.social.share {
  max-width: 600px;
}
#contentbox ul.social.share {
  left: 20px;
  top: 540px;
}
.overview-product ul.social.share {
  left: 0;
  top: 560px;
  height: 30px;
}
ul.social li {
  margin-right: 10px;
  float: left;
}
ul.social li a {
  display: inline-block;
  padding: 0 5px;
  text-decoration: none;
  color: #fff;
  border: none;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  font-weight: bold;
  white-space: nowrap;
  float: left;
  position: relative;
  z-index: 2;
  font: bold 11px/19px "lucida grande", tahoma, verdana, arial, sans-serif;
}
ul.social li.facebook a {
  background: #4c69ba;
  background: linear-gradient(#4c69ba, #3b55a0);
  text-shadow: 0 -1px 0 #354c8c;
}
ul.social li.facebook a:hover {
  background: #5b7bd5;
  background: linear-gradient(#5b7bd5, #4864b1);
  border-color: #5874c3 #4961a8 #41599f;
  box-shadow: inset 0 0 1px #607fd6;
}
ul.social li.facebook a span.icon {
  height: 14px;
  left: 0;
  margin: 0 4px 0 0;
  position: relative;
  top: 3px;
  display: block;
  float: left;
  vertical-align: top;
  width: 14px;
  background: transparent url("../img/ic-facebook.svg") no-repeat center;
  background-size: 14px;
}
ul.social li.google-plus a {
  background: #ce3e26;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  color: #fff;
}
ul.social li.google-plus a:hover {
  background: #de4c34;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
ul.social li.google-plus a span {
  width: 0;
  display: block;
}
ul.social li.google-plus a span.icon {
  height: 20px;
  width: 30px;
  background: transparent url("../img/ic-google-plus.svg") no-repeat center;
  background-size: 40px;
}
.overview-product ul.social li.google-plus a span.icon, #contentbox ul.social li.google-plus a span.icon {
  float: left;
  margin: 0 4px 0 0;
}
ul.social li small {
  display: none;
  font-size: 13px;
  font-size: 0.8125rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 0 6px 0 10px;
  height: 20px;
  line-height: 20px;
  float: right;
  position: relative;
  z-index: 1;
  margin-left: -4px;
}
.js ul.social li small {
  display: inline-block;
}

/*  Article
    -------------------------------------------------------------------------- */
main {
  display: block;
  padding: 10px 0 20px 0;
  z-index: 8;
}
.overview-gallery-images main h2 {
  width: 100%;
}
main article {
  width: 670px;
  float: right;
}
.overview-gallery-images main article {
  float: none;
  margin: 0 auto;
  text-align: center;
}
main article ul,
main article ol {
  *zoom: 1;
  list-style: disc outside;
  margin-left: 20px;
}
main article ul:before, main article ul:after,
main article ol:before,
main article ol:after {
  display: table;
  content: "";
}
main article ul:after,
main article ol:after {
  clear: both;
}
main article ul li,
main article ol li {
  width: 50%;
  float: left;
}
main article a {
  border-bottom: 2px solid #ddd;
  word-wrap: break-word;
}
main article a:hover {
  border-color: #0080c0;
}
main article a[href*="//"]:not([href*="alsatek.com"]) {
  padding-right: 20px;
  background: transparent url("../img/ic-external-link.gif") no-repeat center right;
}
main article a[href*="facebook.com"] {
  padding: 0 !important;
  padding-left: 20px !important;
  background: transparent url("../img/ic-facebook.png") no-repeat center left !important;
}
main article a[href$=".pdf"] {
  padding-left: 20px;
  background: transparent url("../img/icon/icon-pdf.png") no-repeat center left;
}
main article a[href$=".vcf"] {
  padding-left: 20px;
  background: transparent url("../img/ic-cardsaddress.png") no-repeat center left;
}
main article figure {
  padding: 10px;
  border: solid 1px #ddd;
  margin-bottom: 30px;
}
main article figure figcaption {
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
  color: #6d634c;
  padding: 10px 0 0 0;
}

#galleria {
  margin-bottom: 40px;
}

#contentbox {
  width: 960px;
  min-height: 540px;
  height: auto !important;
  height: 540px;
}
#contentbox main {
  padding: 0;
}

.overview-product a.btn,
#contentbox a.btn {
  display: inline-block;
  float: none;
  clear: both;
}
.overview-product a.btn.btn-back,
#contentbox a.btn.btn-back {
  display: block;
}
.overview-product a.btn.btn-inquiry,
#contentbox a.btn.btn-inquiry {
  background: #000;
  color: #eee;
  border: none;
  padding: 5px 10px;
  font-weight: bold;
}
.overview-product a.btn.btn-inquiry:hover,
#contentbox a.btn.btn-inquiry:hover {
  color: #ffff00;
}
.overview-product article,
.overview-product dl.list,
#contentbox article,
#contentbox dl.list {
  width: 300px;
  text-align: left;
  margin: 0;
  float: right;
}
.overview-product article dt,
.overview-product dl.list dt,
#contentbox article dt,
#contentbox dl.list dt {
  width: 300px;
}
.overview-product article dd,
.overview-product dl.list dd,
#contentbox article dd,
#contentbox dl.list dd {
  width: 300px;
  margin-bottom: 20px;
}
.overview-product article h2,
.overview-product dl.list h2,
#contentbox article h2,
#contentbox dl.list h2 {
  width: inherit;
}
.overview-product article h4,
.overview-product dl.list h4,
#contentbox article h4,
#contentbox dl.list h4 {
  border-bottom: solid 1px #eee;
}
.overview-product article ul li,
.overview-product dl.list ul li,
#contentbox article ul li,
#contentbox dl.list ul li {
  width: 100%;
  padding: 3px;
}
.overview-product article ul li.odd,
.overview-product dl.list ul li.odd,
#contentbox article ul li.odd,
#contentbox dl.list ul li.odd {
  background: #eee;
}
.overview-product form.form,
#contentbox form.form {
  margin: 0;
  float: left;
  width: 620px;
}
.overview-product p.empty,
#contentbox p.empty {
  width: 620px;
  height: 400px;
  margin: 0 20px 0 0;
  float: left;
  background: white;
  background: linear-gradient(to bottom, #cdcdcd 0%, white 51%, #cdcdcd 100%);
  line-height: 400px;
  text-align: center;
  color: #222;
  display: block;
}
.overview-product p.meta,
#contentbox p.meta {
  margin-bottom: 0;
  color: #666;
}
.overview-product .galleria-theme-classic,
#contentbox .galleria-theme-classic {
  background: #fff;
}
.overview-product section.form,
#contentbox section.form {
  clear: both;
}

.overview-product article {
  min-height: 600px;
  height: auto !important;
  height: 600px;
}

/*  Filter
    -------------------------------------------------------------------------- */
#filter {
  background: #eeeeee;
  background: linear-gradient(to bottom, #cdcdcd 0%, white 100%);
  margin-bottom: 40px;
  padding: 30px 20px 30px 20px;
}
#filter .col .selectbox {
  position: relative;
  z-index: 1;
  float: left;
  background: #fff;
  display: block;
  height: 46px;
  width: 260px;
  padding: 5px;
  cursor: pointer;
  border: solid 2px #ccc;
}
#filter .col .selectbox:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #222;
}
#filter .col .selectbox img {
  padding: 0 10px;
  vertical-align: top;
  width: 80px;
}
#filter .col .selectbox span {
  line-height: 32px;
  border-left: solid 1px #ddd;
  padding-left: 10px;
  font-size: 17px;
  font-size: 1.0625rem;
}
#filter .col .selectbox span.no-border {
  border: none;
}
#filter .col h3 {
  margin-bottom: 10px;
}
#filter div.type {
  width: 100%;
  margin: 2rem 0 0 0;
}
#filter div.type ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#filter div.type ul li {
  float: left;
  padding: 0 2px;
  line-height: 44px;
  position: relative;
  border: solid 2px #cdcdcd;
  margin: 0 1rem 1rem 0;
}
#filter div.type ul li:hover {
  border-color: #000;
}
#filter div.type ul li.active {
  border-color: #000;
  background-color: #fff;
}
#filter div.type ul li.active a {
  color: #222;
}
#filter div.type ul li.active:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 46px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}
#filter div.type ul li a {
  padding: 0 8px;
  display: inline-block;
}

/*  Teaser
    -------------------------------------------------------------------------- */
.teaser {
  margin-bottom: 20px;
}
.teaser li {
  position: relative;
  width: 210px;
  background: #fff;
  float: left;
  margin: 0 20px 0 0;
}
.teaser li.last {
  margin-right: 0;
}
.teaser li figure {
  position: inherit;
  margin-bottom: 1em;
  height: 110px;
  background: #000;
}
.teaser li figure img {
  transition: 250ms;
}
.teaser li h3 {
  color: #ccc;
  padding-right: 20px;
  background: #000 url("../img/ic-arrow-yellow.png") no-repeat right center;
  background-image: url("../img/ic-arrow-yellow.svg");
  background-size: 13px;
  display: inline;
  border: solid 10px #000;
  border-top-width: 3px;
  border-bottom-width: 3px;
  font-size: 17px;
  font-size: 1.0625rem;
  position: absolute;
  top: 70px;
  transition: 250ms;
}
.teaser li p {
  color: #222;
  font-size: 16px;
  font-size: 1rem;
}
.teaser li:hover h3 {
  color: #ffff00;
  padding-left: 6px;
}
.teaser li:hover figure img {
  opacity: 0.4;
}
.teaser li:last-child {
  margin-right: 0;
}

.short .teaser {
  width: 670px;
}
.short hr {
  width: 670px;
}

#galleries {
  text-align: center;
}
#galleries .teaser {
  text-align: left;
}
#galleries .teaser li {
  margin: 0 20px 20px 0;
  height: 165px;
  width: 225px;
}
#galleries .teaser li.last {
  margin-right: 0;
}
#galleries .teaser li h3 {
  top: 110px;
  display: block;
  width: 100%;
}
#galleries hr {
  width: 100%;
}

#product .teaser {
  width: 980px;
  text-align: left;
}
#product .teaser li {
  margin: 0 20px 20px 0;
  height: 250px;
  width: 225px;
}
#product .teaser li h3 {
  top: 110px;
}
#product .teaser li figure {
  height: 145px;
}
#product .teaser li figure figcaption {
  position: absolute;
  top: 0px;
  padding: 5px;
  opacity: 0.5;
  z-index: 10;
}
#product .teaser li figure .empty {
  background: white;
  background: linear-gradient(to bottom, #cdcdcd 0%, white 51%, #cdcdcd 100%);
  height: inherit;
  line-height: 145px;
  text-align: center;
  color: #222;
  width: 100%;
  display: block;
}
#product .teaser li p {
  font-size: 17px;
  font-size: 1.0625rem;
}
#product .teaser li .meta {
  color: #666;
  margin-bottom: 0;
  font-size: 15px;
  font-size: 0.9375rem;
}
#product .teaser li.separator {
  width: 100%;
  height: auto;
  text-align: center;
  clear: both;
  float: none;
  *zoom: 1;
}
#product .teaser li.separator:before, #product .teaser li.separator:after {
  display: table;
  content: "";
}
#product .teaser li.separator:after {
  clear: both;
}
#product .teaser li.separator h2 {
  width: 100%;
  margin-top: 50px;
}
#product .teaser li.separator hr {
  width: 100%;
}

#gallery .teaser li {
  width: auto;
  padding: 0;
  margin: 0 12px 0 0;
}
#gallery .teaser li.last {
  margin-right: 0;
}
#gallery .teaser li a {
  display: inline-block;
  border: solid 1px #ccc;
}
#gallery .teaser li a figure {
  height: auto;
  background: #fff;
  margin: 0;
}
#gallery .teaser li a figure img {
  border: solid 3px #fff;
}
#gallery .teaser li a:hover {
  border-color: #999;
}
#gallery .teaser li a:hover figure img {
  opacity: 1;
  border-color: #ffff00;
}

/*  Dropdown
    -------------------------------------------------------------------------- */
.jq-dropdown {
  position: absolute;
  z-index: 1039;
  display: none;
}
.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
  min-width: 260px;
  max-width: 360px;
  list-style: none;
  background: white;
  border: solid 2px #ccc;
  border-radius: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  overflow: visible;
  padding: 0;
  margin: 0;
}
.jq-dropdown .jq-dropdown-panel {
  padding: 10px;
}
.jq-dropdown.jq-dropdown-tip {
  margin-top: 8px;
}
.jq-dropdown.jq-dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  display: inline-block;
}
.jq-dropdown.jq-dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block;
}
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
  left: auto;
  right: 9px;
}
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
  left: auto;
  right: 10px;
}
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu, .jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
  max-height: 180px;
  overflow: auto;
}
.jq-dropdown .jq-dropdown-menu li {
  list-style: none;
  padding: 0 0;
  margin: 0;
  line-height: 18px;
}
.jq-dropdown .jq-dropdown-menu li.active a {
  color: #999 !important;
  cursor: default;
}
.jq-dropdown .jq-dropdown-menu li > a,
.jq-dropdown .jq-dropdown-menu label {
  display: block;
  color: #069;
  text-decoration: none;
  line-height: 42px;
  padding: 0 5px;
  margin: 0;
  white-space: nowrap;
}
.jq-dropdown .jq-dropdown-menu li > a img,
.jq-dropdown .jq-dropdown-menu label img {
  vertical-align: top;
  border: solid 5px #fff;
  border-right-width: 10px;
  border-left-width: 10px;
  width: 80px;
}
.jq-dropdown .jq-dropdown-menu li > a span,
.jq-dropdown .jq-dropdown-menu label span {
  line-height: 36px;
  border-left: solid 1px #ddd;
  padding-left: 10px;
}
.jq-dropdown .jq-dropdown-menu li > a span.no-border,
.jq-dropdown .jq-dropdown-menu label span.no-border {
  border: none;
}
.jq-dropdown .jq-dropdown-menu li > a:hover,
.jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #eee;
  color: #0080c0;
  cursor: pointer;
}
.jq-dropdown .jq-dropdown-menu .jq-dropdown-divider {
  font-size: 1px;
  border-top: solid 1px #ccc;
  padding: 0;
  margin: 5px 0;
}

/*  Address
    -------------------------------------------------------------------------- */
dl.list {
  margin: 30px 0;
}
dl.list dt,
dl.list dd {
  float: left;
  padding: 2px 0;
  font-size: 16px;
  font-size: 1rem;
}
dl.list dt {
  color: #999;
  width: 150px;
  clear: left;
}
dl.list dd {
  width: 500px;
}
dl.list dd a.tel,
dl.list dd a[href^=tel] {
  color: inherit;
  border: none;
}
dl.list dd p {
  margin-bottom: 0;
  font-size: inherit;
}

/*  Footer
    -------------------------------------------------------------------------- */
footer address {
  margin: 40px 0 10px 0;
  border: double 4px #cdcdcd;
  border-left: none;
  border-right: none;
}
footer address ol {
  background: #f0f0f0;
  margin: 0;
  padding: 0 10px;
  font-style: normal;
  display: flex;
  justify-content: space-between;
}
footer address ol li {
  width: auto;
  line-height: 40px;
  display: inline;
}
footer address ol li a.tel,
footer address ol li a[href^=tel] {
  color: inherit;
  cursor: default;
}
footer address ol li p {
  display: inline;
  margin: 0;
  padding: 0 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
footer address ol li p .meta {
  color: #999;
  padding-right: 10px;
}
footer small,
footer small a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #999;
  text-align: center;
  display: block;
}
footer #navigation-meta {
  padding: 10px 0 20px 0;
}
footer #navigation-meta ul {
  text-align: center;
  margin: 0;
}
footer #navigation-meta ul li {
  display: inline;
  padding: 0 10px;
  position: relative;
}
footer #navigation-meta ul li a {
  font-size: 16px;
  font-size: 1rem;
  border-bottom: 2px solid #ddd;
  word-wrap: break-word;
}
footer #navigation-meta ul li a:hover {
  border-color: #0080c0;
}
footer a#scroll-to-top {
  position: fixed;
  right: 5px;
  bottom: 5px;
  background: #000;
  color: #ccc;
  padding: 3px 6px;
  font-size: 16px;
  font-size: 1rem;
  visibility: hidden;
  border: none;
}
footer a#scroll-to-top.is-visible {
  display: block !important;
  visibility: visible;
}
footer a#scroll-to-top:hover {
  color: #ff0;
}

/*	==========================================================================
	Lists
	========================================================================== */
ul,
ol {
  list-style: none;
  margin: 0 0 1.4em 0;
  list-style-image: none;
  font-size: 17px;
  font-size: 1.0625rem;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/*	==========================================================================
	Media
	========================================================================== */
img {
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

img,
embed,
video {
  max-width: 100%;
  height: auto !important;
  border: 0;
  _width: 100%;
}

.ie8 img,
ie7 img {
  width: auto;
}

figure {
  margin: 0;
}
figure embed,
figure img {
  max-width: 100%;
  height: auto;
}
figure figcaption {
  display: block;
  font-weight: normal;
}

/*	==========================================================================
	Google Maps
	========================================================================== */
.no-js .map iframe {
  display: none;
}

/*	==========================================================================
	Non-Semantic Helper
	========================================================================== */
/* Image replacement */
.ir {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  direction: ltr;
}

/* Make wrap in pre tags */
pre {
  white-space: pre-wrap;
  /* Chrome & Safari */
  white-space: -moz-pre-wrap;
  /* Mozilla since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

/* Float classes */
.right {
  float: right;
}

.left {
  float: left;
}

/* Hide / Show classes */
.hide,
.print-only {
  display: none;
}

.show {
  display: block;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

/*	==========================================================================
	Galleria
	========================================================================== */
/* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */
#galleria-product {
  height: 500px;
  width: 620px;
  margin: 0;
  float: left;
}

#galleria-gallery {
  height: 705px;
}

.home .slider {
  width: 670;
  height: 278;
}
.home .slider .galleria-theme-classic {
  background: transparent;
}

#galleria-loader {
  height: 1px !important;
}

.galleria-theme-classic {
  position: relative;
  overflow: hidden;
  background: #eee;
}

.galleria-theme-classic img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.galleria-theme-classic .galleria-stage {
  position: absolute;
  top: 10px;
  bottom: 95px;
  left: 10px;
  right: 10px;
  overflow: hidden;
}

.home .galleria-theme-classic .galleria-stage {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#contentbox .galleria-theme-classic .galleria-stage,
.overview-product .galleria-theme-classic .galleria-stage {
  top: 0;
  left: 0;
  right: 0;
}

#banner ul.slider img {
  left: 0 !important;
}

.galleria-theme-classic .galleria-thumbnails-container {
  height: 85px;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}

.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {
  margin-left: 30px;
  margin-right: 30px;
}

.galleria-theme-classic .galleria-thumbnails .galleria-image {
  height: 75px;
  width: 100px;
  background: #fff;
  margin: 3px 5px 3px 5px;
  border: 3px solid #fff;
  box-shadow: 0px 0px 0px 1px #ccc;
  float: left;
  cursor: pointer;
}

.galleria-theme-classic .galleria-thumbnails .active {
  border-color: #ff3;
  box-shadow: 0px 0px 0px 1px #999;
}

.galleria-theme-classic .galleria-counter {
  position: absolute;
  bottom: 10px;
  left: 10px;
  text-align: right;
  color: #000;
  background: #fff;
  padding: 5px;
  z-index: 1;
}

.galleria-theme-classic .galleria-loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: none;
  background: #fff url(../img/ic-loader.gif) no-repeat center;
}

.home .galleria-theme-classic .galleria-loader {
  top: 0;
  right: 0;
  background: none;
}

.galleria-theme-classic .galleria-info {
  width: 80%;
  top: 15px;
  left: 15px;
  z-index: 2;
  position: absolute;
}

.galleria-theme-classic .galleria-info-text {
  background-color: #000;
  padding: 12px;
  display: none;
  /* IE7 */
  zoom: 1;
}

.galleria-theme-classic .galleria-info-title {
  font: bold 12px/1.1 arial, sans-serif;
  margin: 0;
  color: #fff;
  margin-bottom: 7px;
}

.galleria-theme-classic .galleria-info-description {
  font: 14px/1.4 arial, sans-serif;
  margin: 0;
  color: #fff;
  text-align: left;
}

.galleria-theme-classic .galleria-info-close {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 5px;
  right: 5px;
  background-position: -753px -11px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer;
  display: none;
}

.galleria-theme-classic .notouch .galleria-info-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.galleria-theme-classic .touch .galleria-info-close:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.galleria-theme-classic .galleria-info-link {
  background-position: -665px -2px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background-color: #000;
  animation: shake 1.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
  animation-iteration-count: 3;
  animation-fill-mode: forwards;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(0, 0, 0);
  }
  20%, 80% {
    transform: translate3d(0, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}
.galleria-theme-classic.notouch .galleria-info-link:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.galleria-theme-classic.touch .galleria-info-link:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.galleria-theme-classic .galleria-image-nav {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 100%;
  height: 50px;
  left: 0;
}

.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
  opacity: 0.3;
  filter: alpha(opacity=30);
  background-color: #000;
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0px;
  z-index: 2;
  background-position: 14px 10px;
}

.galleria-theme-classic .galleria-image-nav-right {
  left: auto;
  right: 0px;
  background-position: -282px 10px;
  z-index: 2;
}

.galleria-theme-classic.notouch .galleria-image-nav-left:hover,
.galleria-theme-classic.notouch .galleria-image-nav-right:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.galleria-theme-classic.touch .galleria-image-nav-left:active,
.galleria-theme-classic.touch .galleria-image-nav-right:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right {
  cursor: pointer;
  display: none;
  background-position: -495px 23px;
  position: absolute;
  left: 0;
  top: 3px;
  height: 75px;
  width: 23px;
  z-index: 3;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-color: #000;
}

.galleria-theme-classic .galleria-thumb-nav-right {
  background-position: -578px 23px;
  border-right: none;
  right: 0;
  left: auto;
}

.galleria-theme-classic .galleria-thumbnails-container .disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
  cursor: default;
}

.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,
.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #000;
}

.galleria-theme-classic.touch .galleria-thumb-nav-left:active,
.galleria-theme-classic.touch .galleria-thumb-nav-right:active {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #000;
}

.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover {
  opacity: 0.2;
  filter: alpha(opacity=20);
  background-color: transparent;
}

.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {
  display: block;
}

.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right,
.galleria-theme-classic .galleria-info-link,
.galleria-theme-classic .galleria-info-close,
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
  background-image: url(../img/classic-map.png);
  background-repeat: no-repeat;
}

.galleria-theme-classic.galleria-container.videoplay .galleria-info,
.galleria-theme-classic.galleria-container.videoplay .galleria-counter {
  display: none !important;
}

/*	==========================================================================
	Forms
	========================================================================== */
form.form {
  font-family: inherit;
  font-size: inherit;
  padding: 20px;
  margin: 40px 0;
  background: #eee;
}
form.form span.asterisk {
  font-size: 34px;
  font-size: 2.125rem;
  color: #D80027;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}
form.form fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
}
form.form fieldset.border {
  border-top: solid 1px #ddd;
  padding: 20px 0 40px 0;
}
form.form fieldset.parsley-error {
  background-image: none !important;
}
form.form legend {
  border: 0;
  *margin-left: 7px;
  padding: 0 5px 0 0;
  white-space: normal;
  background: #fff;
  color: #ccc;
}
form.form label {
  cursor: pointer;
  line-height: 19px;
  margin: 5px 0 5px 0;
  display: block;
}
form.form label.required:after {
  content: "*";
  font-size: 34px;
  font-size: 2.125rem;
  color: #D80027;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
  padding-left: 5px;
  line-height: 9px;
}
form.form label.hide {
  display: none;
}
form.form input,
form.form button,
form.form select,
form.form textarea {
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  *vertical-align: middle;
  display: block;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  outline: none;
  border: solid 2px #ccc;
  background: #fff;
  /*appearance: normal;
  -moz-appearance: none;
  -webkit-appearance: none;*/
  transition: border-color 0.3s;
}
form.form input:hover,
form.form button:hover,
form.form select:hover,
form.form textarea:hover {
  border-color: #666;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
}
form.form input {
  line-height: normal;
}
form.form input[type=button], form.form input[type=reset], form.form input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
  -ms-appearance: button;
  -o-appearance: button;
  *overflow: visible;
}
form.form input[type=checkbox], form.form input[type=radio] {
  padding: 0;
  *width: 13px;
  *height: 13px;
  width: 30px;
}
form.form input[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
form.form input[type=search]::-webkit-search-decoration, form.form input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
form.form input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
form.form input[disabled],
form.form select[disabled],
form.form textarea[disabled],
form.form input[readonly],
form.form select[readonly],
form.form textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: default;
}
form.form button {
  line-height: normal;
  cursor: pointer;
  -webkit-appearance: button;
          appearance: button;
  *overflow: visible;
  width: auto;
  background: #000;
  border-color: #000;
  color: #ccc;
  font-weight: bold;
}
form.form button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
form.form button:hover {
  border-color: #000;
  color: #ffff00;
}
form.form textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
  height: auto;
}
form.form div {
  position: relative;
  z-index: 2;
}
form.form div.column-1-2 {
  width: 48%;
}
form.form .error,
form.form .parsley-error, .no-js form.form input:focus:required:invalid, .no-js form.form textarea:focus:invalid {
  border-color: #D80027;
  color: #D80027;
  background-image: url("../img/ic-warning.svg") !important;
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: 22px;
}
form.form .success,
form.form .parsley-success, .no-js form.form input:required:valid, .no-js form.form textarea:required:valid {
  border-color: #00cc00;
  background-image: url("../img/ic-success.svg") !important;
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: 22px;
}
form.form .parsley-errors-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 15px;
  font-size: 0.9375rem;
  opacity: 0;
  text-align: left;
  color: #D80027;
  position: relative;
  top: -12px;
  z-index: 1;
  transition: all 0.3s ease-in;
}
form.form .parsley-errors-list li {
  width: auto;
}
form.form .parsley-errors-list.filled {
  opacity: 1;
}
form.form .uniform__potty, form.form #email2, form.form #message2 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 0.875rem;
}

input:-moz-placeholder {
  font-size: 14px;
  font-size: 0.875rem;
}

/*	==========================================================================
	Klaro
	========================================================================== */
.blocked iframe, .blocked object, .blocked embed {
  display: none;
}
.blocked .message {
  padding: 3rem;
  line-height: 160%;
  text-align: center;
  border: 2px solid #ccc;
  background: #eee;
  color: #222;
}

.klaro .cookie-modal, .klaro .cookie-notice {
  /* The switch - the box around the slider */
  font-size: 14px;
}
.klaro .cookie-modal .switch, .klaro .cookie-notice .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}
.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider {
  background-color: #069;
}
.klaro .cookie-modal .cm-app-input.required:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input.required:checked + .cm-app-label .slider {
  opacity: 0.8;
  background-color: #006A4E;
  cursor: not-allowed;
}
.klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.klaro .cookie-modal .cm-app-input, .klaro .cookie-notice .cm-app-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 50px;
  height: 30px;
}
.klaro .cookie-modal .cm-app-label, .klaro .cookie-notice .cm-app-label {
  /* The slider */
  /* Rounded sliders */
}
.klaro .cookie-modal .cm-app-label .slider, .klaro .cookie-notice .cm-app-label .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  width: 50px;
  display: inline-block;
}
.klaro .cookie-modal .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-label .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  transition: 0.4s;
}
.klaro .cookie-modal .cm-app-label .slider.round, .klaro .cookie-notice .cm-app-label .slider.round {
  border-radius: 30px;
}
.klaro .cookie-modal .cm-app-label .slider.round:before, .klaro .cookie-notice .cm-app-label .slider.round:before {
  border-radius: 50%;
}
.klaro .cookie-modal .cm-app-label input:focus + .slider, .klaro .cookie-notice .cm-app-label input:focus + .slider {
  box-shadow: 0 0 1px #069;
}
.klaro .cookie-modal .cm-app-label input:checked + .slider:before, .klaro .cookie-notice .cm-app-label input:checked + .slider:before {
  transform: translateX(20px);
}
.klaro .cookie-modal .cm-app-input:focus + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:focus + .cm-app-label .slider {
  box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}
.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider:before {
  transform: translateX(20px);
}
.klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.klaro .cookie-modal a, .klaro .cookie-notice a {
  color: #00AA3E;
  text-decoration: none;
}
.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  font-family: inherit;
  color: #eee;
}
.klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-top: 0.7em;
}
.klaro .cookie-modal .cm-link, .klaro .cookie-notice .cm-link {
  padding-left: 4px;
  vertical-align: middle;
}
.klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn {
  background: #555;
  color: #eee;
  border-radius: 6px;
  padding: 6px 10px;
  margin-right: 0.5em;
  border: 0;
}
.klaro .cookie-modal .cm-btn:disabled, .klaro .cookie-notice .cm-btn:disabled {
  opacity: 0.5;
}
.klaro .cookie-modal .cm-btn.cm-btn-sm, .klaro .cookie-notice .cm-btn.cm-btn-sm {
  padding: 0.4em;
  font-size: 1em;
}
.klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close {
  background: #eee;
  color: #000;
}
.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
  background: #00AA3E;
}
.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {
  background: #069;
}
.klaro .cookie-modal .cm-btn.cm-btn-right, .klaro .cookie-notice .cm-btn.cm-btn-right {
  float: right;
  margin-left: 0.5em;
  margin-right: 0;
}
.klaro .cookie-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 9999;
}
.klaro .cookie-modal .cm-bg {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.klaro .cookie-modal .cm-modal {
  z-index: 1001;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  background: #000;
  color: #eee;
}
@media (min-width: 1024px) {
  .klaro .cookie-modal .cm-modal {
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    max-width: 640px;
    height: auto;
    width: auto;
  }
}
.klaro .cookie-modal .cm-modal .hide {
  border: none;
  background: none;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}
.klaro .cookie-modal .cm-modal .hide svg {
  stroke: #eee;
}
.klaro .cookie-modal .cm-modal .cm-footer {
  padding: 1em;
  border-top: 1px solid #555;
}
.klaro .cookie-modal .cm-modal .cm-footer-buttons::before, .klaro .cookie-modal .cm-modal .cm-footer-buttons::after {
  content: " ";
  display: table;
}
.klaro .cookie-modal .cm-modal .cm-footer-buttons::after {
  clear: both;
}
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  font-size: 0.8em;
  padding-top: 4px;
  text-align: center;
}
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
  color: #999;
}
.klaro .cookie-modal .cm-modal .cm-header {
  padding: 1em;
  padding-right: 24px;
  border-bottom: 1px solid #555;
}
.klaro .cookie-modal .cm-modal .cm-header h1 {
  margin: 0;
  font-size: 2em;
  display: block;
}
.klaro .cookie-modal .cm-modal .cm-header h1.title {
  padding-right: 20px;
}
.klaro .cookie-modal .cm-modal .cm-body {
  padding: 1em;
}
.klaro .cookie-modal .cm-modal .cm-body ul {
  display: block;
}
.klaro .cookie-modal .cm-modal .cm-body span {
  display: inline-block;
  width: auto;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps {
  padding: 0;
  margin: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
  position: relative;
  line-height: 20px;
  vertical-align: middle;
  padding-left: 60px;
  min-height: 40px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child {
  margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch {
  position: absolute;
  left: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p {
  margin-top: 0;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
  font-size: 0.8em;
  color: #999;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
  border-top: 1px solid #555;
  padding-top: 1em;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
  font-weight: 600;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required {
  padding-left: 0.2em;
  font-size: 0.8em;
  color: #999;
}
.klaro .cookie-notice {
  background: #000;
  z-index: 999;
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
}
@media (min-width: 990px) {
  .klaro .cookie-notice {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 300px;
  }
}
@media (max-width: 989px) {
  .klaro .cookie-notice {
    border: none;
    border-radius: 0;
  }
}
.klaro .cookie-notice .cn-body {
  margin-bottom: 0;
  margin-right: 0;
  bottom: 0;
  padding: 1em;
  padding-top: 0;
}
.klaro .cookie-notice .cn-body p {
  margin-bottom: 0.5em;
}
.klaro .cookie-notice .cn-body p.cn-changes {
  text-decoration: underline;
}
.klaro .cookie-notice .cn-body .cn-learn-more {
  display: inline-block;
}
.klaro .cookie-notice .cn-body p.cn-ok {
  padding-top: 0.5em;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.klaro .cookie-notice-hidden {
  display: none !important;
}

/*	==========================================================================
	Colorbox
	========================================================================== */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
  background: #fff;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
*/
#cboxOverlay {
  background: #000;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #fff;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  background: #fff;
  padding: 20px;
}

#cboxLoadingGraphic {
  background: url(../img/ic-loader.gif) no-repeat center center;
}

#cboxLoadingOverlay {
  background: #fff;
}

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 20px;
  color: #222;
}

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 100px;
  color: #666;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: #000 url(../img/controls.png) no-repeat 0 0;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  background-position: 0px 0px;
  right: 64px;
}

#cboxPrevious:hover {
  background-position: 0px -25px;
}

#cboxNext {
  background-position: -25px 0px;
  right: 42px;
}

#cboxNext:hover {
  background-position: -25px -25px;
}

#cboxClose {
  background-position: -50px 0px;
  right: 20px;
}

#cboxClose:hover {
  background-position: -50px -25px;
}

.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

/*	==========================================================================
	Media Queries
	========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  header h1#branding {
    background-image: url("../img/alsatek-logo@3x.jpg");
    background-size: 289px 242px;
  }
}
@media only screen and (min-width: 961px), only screen and (min-device-width: 961px) {
  .is-touch nav#top {
    position: fixed;
    z-index: 9999;
    top: 0;
    border-top: solid 50px #fff;
  }
}
@media only screen and (min-width: 641px) and (max-width: 960px), only screen and (min-device-width: 641px) and (max-device-width: 960px) {
  body {
    min-width: 640px;
    max-width: 800px;
  }

  h1,
h2,
.map,
iframe {
    width: 640px;
  }

  .container {
    width: 640px;
  }

  nav#top {
    min-width: inherit;
    max-width: inherit;
    top: 0;
    border-top: solid 30px #fff;
    position: fixed;
  }
  nav#top #navigation-main {
    padding-left: 0;
  }
  nav#top #navigation-main li {
    width: 160px;
  }
  nav#top #navigation-main li.home {
    display: none;
  }
  nav#top #navigation-main li.produkte {
    border-left: none;
  }
  nav#top #navigation-main li a strong {
    font-size: 18px;
    font-size: 1.125rem;
  }
  nav#top #navigation-main li a em {
    padding-right: 10px;
  }
  nav#top #language {
    top: -20px;
  }

  header {
    padding-top: 125px;
  }
  header h1#branding {
    height: 165px;
    width: 260px;
  }
  .home header h1#branding {
    height: 180px;
    width: 260px;
  }
  header #banner {
    width: 380px;
    height: 180px;
  }
  .home header #banner {
    width: 380px;
    height: 195px;
  }
  header #banner:before {
    display: none;
  }
  header #banner ul.slider {
    width: 380px;
    height: 210px;
  }
  header #banner ul.slider img {
    margin-left: 0;
  }
  header #banner a {
    opacity: 0.8;
  }
  .home header #banner a {
    bottom: 10px;
  }
  .home header {
    height: 360px;
  }

  #breadcrumb ul {
    left: 0;
    width: 100%;
  }

  #filter {
    margin-bottom: 0;
  }
  #filter div.type {
    width: 100%;
    margin: 20px 0 0 0;
  }

  main article {
    width: 100%;
  }

  section#service hr {
    width: 100%;
  }
  section#service .teaser {
    width: 100%;
  }
  section#service .teaser li {
    width: 200px;
  }
  section#gallery hr {
    width: 100%;
  }
  section#gallery .teaser {
    width: 100%;
  }
  section#gallery .teaser li {
    width: 150px;
  }

  #product .teaser {
    width: 660px;
  }
  #product .teaser li {
    width: 200px;
    height: 230px;
  }
  #product .teaser li figure {
    height: 125px;
  }
  #product .teaser li figure .empty {
    line-height: 130px;
  }
  #product .teaser li h3 {
    top: 90px;
  }
  #product .teaser li.separator {
    width: 640px;
  }

  .overview-product a.btn.btn-back {
    margin-left: 10px;
  }
  .overview-product article {
    min-height: 10px;
    height: auto !important;
    height: 10px;
    width: 100%;
    padding-top: 20px;
  }
  .overview-product a.btn.btn-inquiry, .overview-product dl.list {
    display: none;
  }
  .overview-product ul.social.share {
    position: static;
  }
  .overview-product form.form {
    width: 100%;
  }

  #galleria-product {
    width: 620px;
    margin: 0 10px 30px 10px;
  }

  #galleria-gallery {
    height: 525px;
  }

  dl.list dt {
    width: 40%;
  }
  dl.list dd {
    width: 60%;
  }
  dl.list dd a[href^=tel] {
    color: #069;
    border-bottom: 2px solid #ddd;
  }

  footer address ol li.org {
    display: none;
  }
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
  body {
    min-width: 240px;
    max-width: 480px;
  }

  body,
.container,
header,
main article,
.short hr,
.short .teaser,
h1,
h2,
.map,
iframe,
.overview-product #galleria,
form.form div.column-1-2 {
    width: 100%;
  }

  nav#top {
    height: 61px;
    right: auto;
    background: #000 url(../img/alsatek-logo@2x.png) no-repeat 10px center;
    background-size: auto 32px;
    top: -1px;
    left: auto;
    padding: 0;
    position: fixed;
    border-bottom: none;
    min-width: inherit;
    max-width: inherit;
  }
  nav#top #navigation-mobile {
    display: block;
    width: 31px;
    height: 26px;
    margin: 17px 20px 17px 0;
    position: relative;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    position: absolute;
    right: 0;
  }
  nav#top #navigation-mobile span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #ff0;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  nav#top #navigation-mobile span:nth-child(1) {
    top: 0px;
    transform-origin: left center;
  }
  nav#top #navigation-mobile span:nth-child(2) {
    top: 10px;
    transform-origin: left center;
  }
  nav#top #navigation-mobile span:nth-child(3) {
    top: 20px;
    transform-origin: left center;
  }
  nav#top label {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    height: 60px;
    width: 60px;
    position: absolute;
    right: 0;
    z-index: 1;
    /*&:before {
    	content: attr(data-open);
    	display: block;
    	width: 200px;
    	margin: 33px 0;
    	padding: 10px 50px;
    	background: #51C1F1;
    	border-radius: 2px;
    	text-align: center;
    	font-size: 12px;
    	color: #FFFFFF;
    	transition: all 0.5s linear;
    	box-sizing: border-box;
    }*/
  }
  nav#top input[type=checkbox] {
    -webkit-appearance: none;
            appearance: none;
    background: blue;
  }
  nav#top input[type=checkbox]:checked ~ ul#navigation-main {
    display: block;
    opacity: 1;
  }
  nav#top input[type=checkbox]:checked ~ #navigation-mobile span:nth-child(1) {
    transform: rotate(45deg);
    top: -1px;
    left: 4px;
  }
  nav#top input[type=checkbox]:checked ~ #navigation-mobile span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  nav#top input[type=checkbox]:checked ~ #navigation-mobile span:nth-child(3) {
    transform: rotate(-45deg);
    top: 21px;
    left: 3px;
  }
  nav#top #navigation-main {
    padding: 0;
    float: inherit;
    display: none;
    opacity: 0;
    transition: 0.25s ease-in-out;
    height: 0vh;
    background: white;
    top: 60px;
    padding: 0 10px 40px 10px;
    overflow-y: scroll;
    height: 100vh;
  }
  nav#top #navigation-main li {
    display: block;
    width: 100% !important;
    border-left: none;
  }
  nav#top #navigation-main li a {
    height: auto;
    padding: 20px;
    text-align: center;
  }
  nav#top #navigation-main li a strong {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    margin: 0;
    padding: 4px 0;
    height: auto;
  }

  header {
    height: auto;
    padding: 0;
  }
  .home header {
    height: auto;
    width: inherit;
  }
  .home header #banner {
    background: #000 url(../img/bg_banner@2x.jpg) no-repeat center;
    background-size: cover;
    height: auto;
    margin: 60px 0 30px 0;
    z-index: 1;
    width: inherit;
  }
  .home header #banner ul.slider {
    height: 200px;
  }
  .home header #banner ul.slider img {
    margin-left: 0;
    width: 100%;
    height: auto;
  }
  .home header h1#branding,
header h1#branding {
    display: none;
  }
  header #banner {
    width: inherit;
    background: #000 url(../img/header@2x.jpg) no-repeat center;
    background-size: cover;
    height: 110px;
    margin: 60px 0 0 0;
  }
  header #banner a {
    bottom: 10px;
    line-height: 26px;
  }
  .home header #banner a {
    bottom: 10px;
  }
  header #banner a strong {
    border: solid 5px #000;
  }
  header #banner a:after {
    height: 56px;
    width: 45px;
    top: -2px;
  }
  header ul.social {
    z-index: 1;
    bottom: -30px;
    display: none;
  }
  .home header ul.social {
    bottom: 0px;
    display: block;
  }

  #breadcrumb {
    display: none;
  }

  #filter {
    margin-bottom: 0px;
    padding: 20px 10px 10px 10px;
  }
  #filter .col {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #filter .col .selectbox {
    width: 100%;
  }
  #filter div.type {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    float: none;
    width: 100%;
    margin: 0;
  }
  #filter div.type ul {
    float: none;
    margin: 10px 0 0 0;
    position: relative;
    z-index: 9;
    text-align: justify;
    width: 30em;
  }
  #filter div.type ul:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  #filter div.type ul li {
    display: inline-block;
  }

  #galleria-product {
    height: 400px;
    width: 100%;
    margin-bottom: 30px;
  }

  #galleria-gallery {
    height: 410px;
  }

  main {
    padding: 20px 10px;
    z-index: 1;
  }
  main article {
    float: none;
  }
  .overview-product main article {
    width: 100%;
    padding-top: 30px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
  }

  .overview-product ul.social.share {
    position: static;
  }
  .overview-product a.btn.btn-inquiry {
    display: none;
  }
  .overview-product form.form {
    width: 100%;
  }

  dl.list dt {
    width: 40%;
  }
  dl.list dd {
    width: 60%;
  }
  dl.list dd a[href^=tel] {
    color: #069;
    border-bottom: 2px solid #ddd;
  }
  .overview-product dl.list {
    display: none;
  }

  section, #product, #gallery {
    width: 100%;
    float: none;
  }
  section .teaser, #product .teaser, #gallery .teaser {
    margin: 0;
    width: 100%;
  }
  section .teaser li, #product .teaser li, #gallery .teaser li {
    width: 50%;
    margin: 0 0 30px 0;
    padding: 0 10px;
  }
  section .teaser li figure, #product .teaser li figure, #gallery .teaser li figure {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 55% 0 0 0;
    /* 100 / (220 / 121) */
    margin: 0;
  }
  section .teaser li figure img, section .teaser li figure span.empty, #product .teaser li figure img, #product .teaser li figure span.empty, #gallery .teaser li figure img, #gallery .teaser li figure span.empty {
    display: block;
    width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 125px;
  }
  section .teaser li h3, #product .teaser li h3, #gallery .teaser li h3 {
    position: static;
    display: block;
  }
  .home section .teaser li:last-child, .home #product .teaser li:last-child, .home #gallery .teaser li:last-child {
    display: none;
  }

  section#gallery .teaser li {
    margin: 0 0 20px 0;
  }
  section#gallery .teaser li figure {
    position: static;
    padding: 0;
  }
  section#gallery .teaser li figure img {
    position: static;
  }

  #cboxTitle {
    display: none !important;
  }

  footer {
    padding: 20px 0 20px 0;
    border: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: #f0f0f0;
  }
  footer small {
    padding: 0 10px;
  }
  footer address {
    border-bottom: none;
    border-top: none;
    margin: 20px 0;
  }
  footer address ol {
    display: block;
    padding: 0 10px;
  }
  footer address ol li {
    padding: 3px 0;
    display: block;
  }
  footer address ol li p {
    display: block;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
  }
  footer address ol li p a {
    color: #069 !important;
  }
  footer #navigation-meta ul li {
    padding: 10px;
    display: block;
    width: 50%;
    float: left;
  }

  .home .galleria-theme-classic {
    height: auto;
  }
}
@media only screen and (max-width: 280px), only screen and (max-device-width: 280px) {
  section .teaser li, #galleries .teaser li, #product .teaser li {
    width: 100%;
  }

  main article ul li, main article ol li {
    width: 100%;
    float: none;
  }

  dl.list dt, dl.list dd {
    width: 100%;
  }

  footer #navigation-meta ul li {
    width: 100%;
  }
}
/*	==========================================================================
	Noscript & Debug
	========================================================================== */
noscript p {
  position: absolute;
  width: 100%;
  height: 30px;
  line-height: 30px;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #333;
  border-bottom: solid 1px #ccc;
  text-align: center;
  background: #fff;
  z-index: 9999;
}

.debug:before {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  height: 30px;
  line-height: 30px;
  content: "Debug MODE";
  color: #fff;
  background: red;
  position: fixed;
  display: inline-block;
  width: auto;
  padding: 0 5px;
  font: bold 14px/30px arial;
  text-transform: uppercase;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/*	==========================================================================
	Print
	========================================================================== */
@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    /*-ms-filter: none !important*/
    filter: Gray();
    /* IE4-8: depreciated */
    filter: url("desaturate.svg#grayscale");
    /* SVG version for IE10, Firefox, Safari 5 and Opera */
    /* Chrome + Safari 6 */
    -moz-filter: grayscale(100%);
    /* Future proof */
    -ms-filter: grayscale(100%);
    /* Future proof */
    -o-filter: grayscale(100%);
    /* Future proof */
    filter: grayscale(100%);
    /* Future proof or polyfilled */
  }

  @page {
    margin: 0.5cm;
  }
  h2,
h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  pre,
blockquote {
    border: 1px solid #7f7f7f;
    page-break-inside: avoid;
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr {
    page-break-inside: avoid;
  }

  .print-only {
    display: block;
    visibility: visible;
    position: static;
  }

  nav,
.print-hide {
    display: none;
  }
}