/*
Theme Name: wineadventures
Theme URI: http://wineadventures.de
Author: Proxi
Author URI: http://proxi.me;
Version: 1.0
*/
/*
	CSS Reset
	----------------------------------------------------------

	Based on the HTML5 Reset Wordpress Theme :: https://github.com/murtaugh/HTML5-Reset-Wordpress-Theme

	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com	
*/
/* Let's default this puppy out
----------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
img,
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
a:hover,
a:active {
  outline: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
:focus {
  outline: 0 !important;
}
:active {
  outline: 0 !important;
}
.group {
  zoom: 1;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
@font-face {
  font-family: 'ProximaNovaBold';
  src: url('fonts/proximanova-bold-webfont.eot');
  src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-bold-webfont.woff') format('woff'), url('fonts/proximanova-bold-webfont.ttf') format('truetype'), url('fonts/proximanova-bold-webfont.svg#ProximaNovaBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaSemibold';
  src: url('fonts/proximanova-semibold-webfont.eot');
  src: url('fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-semibold-webfont.woff') format('woff'), url('fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('fonts/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaReg';
  src: url('fonts/proximanova-regular-webfont.eot');
  src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regular-webfont.woff') format('woff'), url('fonts/proximanova-regular-webfont.ttf') format('truetype'), url('fonts/proximanova-regular-webfont.svg#ProximaNovaReg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
body {
  font: 13px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  line-height: 1.6;
  letter-spacing: 1px;
}
html,
body {
  -webkit-text-size-adjust: 100% !important;
  /* Prevent font scaling in landscape */
}
* {
  -webkit-font-smoothing: antialiased !important;
}
body,
select,
input,
textarea {
  color: #2b302d;
}
a {
  color: #252597;
  text-decoration: underline;
  outline: none;
  border: none;
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
a:hover {
  color: #2f2fc0;
}
a:focus {
  border: none;
  outline: none;
}
p {
  margin-bottom: 5px;
}
img {
  height: auto;
}
iframe {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
strong {
  font-weight: normal;
  font-family: 'ProximaNovaBold', Helmet, Freesans, sans-serif;
}
::-moz-selection {
  background: #252597;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #252597;
  color: #fff;
  text-shadow: none;
}
a:link {
  -webkit-tap-highlight-color: #252597;
}
ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
}
h1,
h3,
.h3 {
  font-size: 26px;
  line-height: 1.7;
}
h4,
.h4 {
  font-size: 19px;
  line-height: 1.7;
}
h5,
.h5 {
  font-size: 16px;
  line-height: 1.6;
}
h2.title {
  width: 200px;
  height: 80px;
  display: block;
  -moz-background-size: 200px 80px;
  -o-background-size: 200px 80px;
  -webkit-background-size: 200px 80px;
  background-size: 200px 80px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
}
#about-us h2.title {
  background-image: url('images/titles/script-aboutus.png');
}
.de #about-us h2.title {
  background-image: url('images/titles/script-ueberuns.png');
}
#services h2.title {
  background-image: url('images/titles/script-services.png');
}
.de #services h2.title {
  background-image: url('images/titles/script-leistungen.png');
}
#contact h2.title {
  background-image: url('images/titles/script-contact.png');
}
.de #contact h2.title {
  background-image: url('images/titles/script-kontakt.png');
}
#references h2.title {
  background-image: url('images/titles/script-references.png');
}
.de #references h2.title {
  background-image: url('images/titles/script-referenzen.png');
}
#clients h2.title {
  background-image: url('images/titles/script-clients.png');
}
.de #clients h2.title {
  background-image: url('images/titles/script-kunden.png');
}
#testimonials h2.title {
  background-image: url('images/titles/script-testimonials.png');
}
.de #testimonials h2.title {
  background-image: url('images/titles/script-testimonials.png');
}
#newsletter h2.title {
  background-image: url('images/titles/script-newsletter.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #about-us h2.title {
    background-image: url('images/titles/script-aboutus@2x.png');
  }
  .de #about-us h2.title {
    background-image: url('images/titles/script-ueberuns@2x.png');
  }
  #contact h2.title {
    background-image: url('images/titles/script-contact@2x.png');
  }
  .de #contact h2.title {
    background-image: url('images/titles/script-kontakt@2x.png');
  }
  #references h2.title {
    background-image: url('images/titles/script-references@2x.png');
  }
  .de #references h2.title {
    background-image: url('images/titles/script-referenzen@2x.png');
  }
  #testimonials h2.title {
    background-image: url('images/titles/script-testimonials@2x.png');
  }
  .de #testimonials h2.title {
    background-image: url('images/titles/script-testimonials@2x.png');
  }
  #newsletter h2.title {
    background-image: url('images/titles/script-newsletter@2x.png');
  }
}
.shakespeare,
.dali,
.we-at-wineadventures,
.who-we-are,
.our-tools {
  width: 350px;
  height: 64px;
  display: block;
  -moz-background-size: 350px 64px;
  -o-background-size: 350px 64px;
  -webkit-background-size: 350px 64px;
  background-size: 350px 64px;
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.shakespeare {
  background-image: url('images/titles/script-shakespeare.png');
}
.de .shakespeare {
  background-image: url('images/titles/script-shakespeare-german.png');
}
.dali {
  background-image: url('images/titles/script-dali.png');
}
.de .dali {
  background-image: url('images/titles/script-dali-german.png');
}
.we-at-wineadventures {
  background-image: url('images/titles/script-we-at-wineadventures.png');
}
.de .we-at-wineadventures {
  background-image: url('images/titles/script-wir-von-wineadventures.png');
}
.who-we-are {
  background-image: url('images/titles/script-who-we-are.png');
}
.de .who-we-are {
  background-image: url('images/titles/script-wer-sind-wir-eigentlich.png');
}
.our-tools {
  background-image: url('images/titles/script-our-tools.png');
  margin-bottom: 4px;
}
.de .our-tools {
  background-image: url('images/titles/script-unsere-tools.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .shakespeare {
    background-image: url('images/titles/script-shakespeare@2x.png');
  }
  .de .shakespeare {
    background-image: url('images/titles/script-shakespeare-german@2x.png');
  }
  .dali {
    background-image: url('images/titles/script-dali@2x.png');
  }
  .de .dali {
    background-image: url('images/titles/script-dali-german@2x.png');
  }
  .we-at-wineadventures {
    background-image: url('images/titles/script-we-at-wineadventures@2x.png');
  }
  .de .we-at-wineadventures {
    background-image: url('images/titles/script-wir-von-wineadventures@2x.png');
  }
  .who-we-are {
    background-image: url('images/titles/script-who-we-are@2x.png');
  }
  .de .who-we-are {
    background-image: url('images/titles/script-wer-sind-wir-eigentlich@2x.png');
  }
  .our-tools {
    background-image: url('images/titles/script-our-tools@2x.png');
  }
  .de .our-tools {
    background-image: url('images/titles/script-unsere-tools@2x.png');
  }
}
.statement {
  font-family: 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-size: 26px;
  line-height: 1.7;
  font-family: 'ProximaNovaReg', Helmet, Freesans, sans-serif;
  margin-left: auto;
  margin-right: auto;
}
.statement strong {
  font-family: 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  font-weight: normal;
}
.subtitle {
  display: block;
}
.secondary {
  font: 19px 'ProximaNovaReg', Helmet, Freesans, sans-serif;
  text-transform: none;
}
.date {
  font: 12px 'ProximaNovaReg', Helmet, Freesans, sans-serif;
  color: #252597;
  text-transform: uppercase;
  margin-bottom: 10px;
  min-height: 22px;
}
.white {
  color: #FFF;
}
.white a {
  color: #FFF !important;
}
.white a:hover {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.red {
  color: #ef1f56;
}
.smalltext {
  font: 13px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  line-height: 1.5;
}
.inside {
  position: relative;
  width: 938px;
  margin-left: auto;
  margin-right: auto;
}
.inside.narrow,
.blog #content .inside,
.single #content .inside {
  max-width: 730px;
}
.entry-content p {
  margin-bottom: 22px;
}
.more-info {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font: 14px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid;
  line-height: 13px;
  padding-top: 5px;
}
.sep {
  background-image: url('images/trennlinien-white.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 542px 19px;
  -o-background-size: 542px 19px;
  -webkit-background-size: 542px 19px;
  background-size: 542px 19px;
  width: 100%;
  height: 19px;
  display: block;
  margin: 60px auto 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .sep {
    background-image: url('images/trennlinien-white@2x.png');
  }
}
.sep.black {
  background-image: url('images/trennlinien-black.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 542px 19px;
  -o-background-size: 542px 19px;
  -webkit-background-size: 542px 19px;
  background-size: 542px 19px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .sep.black {
    background-image: url('images/trennlinien-black@2x.png');
  }
}
.nav-menu {
  text-transform: uppercase;
  text-align: center;
}
.nav-menu li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.nav-menu li a {
  text-decoration: none;
}
#header {
  position: fixed;
  top: 0;
  z-index: 999;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  display: block;
  width: 100%;
}
.mobile #header {
  bottom: auto;
  top: 0;
}
#header.compact .inside {
  padding: 15px 0 11px;
}
#header.compact .nav-menu {
  bottom: 26px;
}
#header.compact .language-chooser,
#header.compact #lang-chooser {
  top: 34px;
}
#header .inside {
  padding: 28px 0 24px;
  -moz-transition: padding 0.15s ease;
  -webkit-transition: padding 0.15s ease;
  -o-transition: padding 0.15s ease;
  -ms-transition: padding 0.15s ease;
  transition: padding 0.15s ease;
}
#header #logo {
  background-image: url('images/logo.png');
  background-position: left top;
  background-repeat: no-repeat;
  -moz-background-size: 252px 55px;
  -o-background-size: 252px 55px;
  -webkit-background-size: 252px 55px;
  background-size: 252px 55px;
  width: 252px;
  height: 55px;
  display: block;
  text-indent: -9999px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #header #logo {
    background-image: url('images/logo@2x.png');
  }
}
#header .nav-menu {
  position: absolute;
  right: 0;
  bottom: 39px;
  -moz-transition: bottom 0.15s ease;
  -webkit-transition: bottom 0.15s ease;
  -o-transition: bottom 0.15s ease;
  -ms-transition: bottom 0.15s ease;
  transition: bottom 0.15s ease;
}
#header .nav-menu ul {
  line-height: 1.7;
  position: relative;
}
#header .nav-menu li a {
  font: 15px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  color: #2b302d;
  text-rendering: optimizeLegibility;
}
#header .nav-menu li.active > a,
#header .nav-menu li.current-menu-item > a,
#header .nav-menu li.current-cat > a,
#header .nav-menu li a:hover {
  text-decoration: none;
  color: #252597;
}
#header .nav-menu li:before {
  content: "·";
  margin: 0 5px;
  font-family: 'ProximaNovaReg', Helmet, Freesans, sans-serif;
}
#header .nav-menu li:first-child:before {
  content: "";
  display: none;
}
#header #menu-button {
  display: none;
}
#header.top {
  top: 0;
  bottom: auto;
}
.language-chooser,
#lang-chooser {
  position: absolute;
  right: -70px;
  top: 46px;
  text-align: center;
  -moz-transition: top 0.15s ease;
  -webkit-transition: top 0.15s ease;
  -o-transition: top 0.15s ease;
  -ms-transition: top 0.15s ease;
  transition: top 0.15s ease;
}
.language-chooser li,
#lang-chooser li {
  position: relative;
  line-height: 12px;
  margin-bottom: 2px;
}
.language-chooser li a,
#lang-chooser li a {
  font: 11px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  display: block;
  line-height: 10px;
  color: #a1a1a1;
  text-transform: uppercase;
  text-decoration: none;
}
.language-chooser li a:hover,
#lang-chooser li a:hover {
  text-decoration: none;
  color: #2b302d;
}
.language-chooser li.active a,
#lang-chooser li.active a {
  color: #2b302d;
}
#wrapper {
  overflow: hidden;
}
#main {
  padding-top: 107px;
}
.section {
  background-color: transparent;
  color: #000;
}
.section#contact,
.section#references,
.section#newsletter {
  text-align: center;
}
.section .statement {
  max-width: 740px;
}
.section .pattern {
  position: relative;
  background-position: center top;
  background-repeat: repeat;
  background-attachment: fixed;
  width: 100%;
  height: 175px;
  display: block;
}
.section .pattern span {
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: center top;
  background-repeat: repeat;
  background-color: transparent;
  width: 100%;
  height: 100%;
  display: block;
}
.section#home .pattern,
.section#home .pattern span {
  background-image: url('images/patterns/pattern01.png');
}
.section#about-us .pattern,
.section#about-us .pattern span {
  background-image: url('images/patterns/pattern02.png');
}
.section#services .pattern,
.section#services .pattern span {
  background-image: url('images/patterns/pattern06.png');
}
.section#references .pattern,
.section#references .pattern span {
  background-image: url('images/patterns/pattern04.png');
}
.section#clients .pattern,
.section#clients .pattern span {
  background-image: url('images/patterns/pattern05.png');
}
.section#testimonials .pattern,
.section#testimonials .pattern span {
  background-image: url('images/patterns/pattern03.png');
}
.panel {
  position: relative;
  background-attachment: fixed;
  background-position: center top;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
  padding: 0;
  text-align: center;
  display: table;
  width: 100%;
}
.section-panel .panel-content {
  padding: 75px 0;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  position: relative;
  width: 100%;
  z-index: 1;
}
.section-panel .panel-content h2 {
  margin-bottom: 100px;
}
.section-panel .panel-content .inside > .more-info {
  background-image: url('images/more-info.png');
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 15px;
  display: block;
  margin: 80px auto 0;
  text-indent: -9999px;
  border-bottom: none;
}
.en .section-panel .panel-content .inside > .more-info {
  background-image: url('images/more-info-en.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.panel-next {
  background-repeat: no-repeat;
  display: block;
  width: 100%;
}
.section-content {
  padding: 75px 0;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1.3;
  background-color: #FFF;
}
.section-content .entry-content {
  max-width: 660px;
  margin: 0 auto;
}
.section-content .entry-content strong {
  background-color: #252597;
  color: white;
}
.section-content.white-bg {
  background-color: #FFF;
}
.section-content.blue-bg {
  background-color: #252597;
  color: #FFF;
}
.section-content.blue-bg a {
  color: #FFF;
}
.section-content.blue-bg a:hover {
  color: #ffffff;
}
#home.script-shakespeare .dali,
#home.script-shakespeare .dali + p,
#home.script-shakespeare .dali-statement {
  display: none;
}
#home.script-dali .shakespeare,
#home.script-dali .shakespeare + p,
#home.script-dali .shakespeare-statement {
  display: none;
}
.single-reference .post > .entry-content {
  font-size: 14px;
}
#references .section-content {
  padding-bottom: 30px;
}
#references-slider-wrapper {
  margin-bottom: 60px;
  display: block;
  padding-bottom: 40px;
}
#references-slider {
  position: relative;
  width: 100%;
  height: 527px;
  display: block;
}
#references-slider .viewport {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
}
#references-slider .slides {
  position: relative;
  height: 100%;
}
#references-slider .slides .slide {
  position: relative;
  height: 100%;
  display: none;
}
#references-slider .slides .slide:first-child {
  display: block;
}
#references-slider .slides .slide img {
  display: block;
  margin: 0 auto;
  min-height: 100%;
  min-width: 100%;
  height: auto !important;
}
#references-slider .slides .slide iframe {
  width: 100%;
  height: 100%;
}
.control-nav {
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: -40px;
}
.control-nav li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0 10px;
}
.control-nav li a {
  background-color: #a9b6bf;
  width: 10px;
  height: 10px;
  display: block;
  text-indent: -9999px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.control-nav li a:hover,
.control-nav li a.activeSlide,
.control-nav li a.active {
  background: #0000ff;
}
.ie-lt9 .control-nav li a {
  background-color: transparent;
  background-image: url('images/Dot.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 10px 10px;
  -o-background-size: 10px 10px;
  -webkit-background-size: 10px 10px;
  background-size: 10px 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .ie-lt9 .control-nav li a {
    background-image: url('images/Dot@2x.png');
  }
}
.ie-lt9 .control-nav li a:hover,
.ie-lt9 .control-nav li a.activeSlide,
.ie-lt9 .control-nav li a.active {
  background-image: url('images/Dot-highlight.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 10px 10px;
  -o-background-size: 10px 10px;
  -webkit-background-size: 10px 10px;
  background-size: 10px 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .ie-lt9 .control-nav li a:hover,
  .ie-lt9 .control-nav li a.activeSlide,
  .ie-lt9 .control-nav li a.active {
    background-image: url('images/Dot-highlight@2x.png');
  }
}
.direction-nav a {
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  display: block;
  margin: 0;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  text-indent: -9999px;
  z-index: 12;
}
.direction-nav a:active,
.direction-nav a:focus {
  outline: 0;
  border: none;
  cursor: pointer;
}
.direction-nav a:hover {
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.direction-nav a.disabled {
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.direction-nav .prev {
  background-image: url('images/arrow-left.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 27px 27px;
  -o-background-size: 27px 27px;
  -webkit-background-size: 27px 27px;
  background-size: 27px 27px;
  left: -50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .direction-nav .prev {
    background-image: url('images/arrow-left@2x.png');
  }
}
.direction-nav .next {
  background-image: url('images/arrow-right.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 27px 27px;
  -o-background-size: 27px 27px;
  -webkit-background-size: 27px 27px;
  background-size: 27px 27px;
  right: -50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .direction-nav .next {
    background-image: url('images/arrow-right@2x.png');
  }
}
#references-grid .reference {
  width: 31.95%;
  margin-left: 2.07%;
  margin-bottom: 40px;
  float: left;
  background-image: url('images/logoline.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  -moz-background-size: 800px 25px;
  -o-background-size: 800px 25px;
  -webkit-background-size: 800px 25px;
  background-size: 800px 25px;
  padding-bottom: 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #references-grid .reference {
    background-image: url('images/logoline@2x.png');
  }
}
#references-grid .reference.first {
  margin-left: 0;
  clear: left;
}
#references-grid h4 {
  margin-bottom: 10px;
  line-height: 1.3;
}
#references-grid h4 a {
  font: 25px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  color: #2b302d;
  text-decoration: none;
}
#references-grid h4 a:hover {
  color: #252597;
}
#references-grid .cat {
  color: #252597;
  font: 13px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  display: block;
  height: 15px;
  margin-bottom: 30px;
}
#references-grid .thumb {
  position: relative;
  margin-bottom: 6px;
  background: #aaa;
  width: 100%;
  height: 200px;
  display: block;
  overflow: hidden;
}
#references-grid .thumb img {
  display: block;
  width: 100%;
}
#references-grid .thumb .overlay {
  -moz-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background-image: url('images/logo-rollover.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 65px 62px;
  -o-background-size: 65px 62px;
  -webkit-background-size: 65px 62px;
  background-size: 65px 62px;
  background-color: #252597;
  background-color: rgba(37, 37, 151, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #references-grid .thumb .overlay {
    background-image: url('images/logo-rollover@2x.png');
  }
}
#references-grid .thumb:hover .overlay {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
#references-grid .entry-content {
  font: 14px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  line-height: 1.6;
  text-transform: none;
  text-align: justify;
  display: block;
  height: 260px;
  margin-bottom: 5px;
}
#references-grid .more-link {
  font: 10px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  color: #252597;
}
.section#services .entry-content {
  margin-bottom: 50px;
}
#services-grid .service {
  width: 22.6%;
  margin-left: 3.2%;
  margin-bottom: 40px;
  float: left;
}
#services-grid .service.first {
  margin-left: 0;
  clear: left;
}
#services-grid .thumb {
  position: relative;
  display: block;
  margin-bottom: 25px;
  overflow: hidden;
}
#services-grid .thumb img {
  display: block;
  width: 100%;
}
#services-grid h4 {
  margin-bottom: 10px;
  line-height: 1.3;
  text-align: center;
}
#services-grid h4,
#services-grid h4 a {
  font: 25px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  color: #2b302d;
  text-decoration: none;
}
#services-grid h4 a:hover {
  color: #252597;
}
.clients-list .box {
  float: left;
  width: 16.666%;
  height: auto;
  margin-bottom: 10px;
}
.winzer {
  width: 300px;
  float: left;
}
.winzer h3 {
  color: #FFF;
  line-height: 1.3;
}
#winzer-maximilian-von-kunow.winzer h3 {
  width: 200px;
  margin: 0 auto;
}
.winzer .shield {
  position: relative;
  background-image: url('images/wappen-sep.png');
  background-position: center center;
  background-repeat: no-repeat;
  width: 240px;
  height: 30px;
  display: block;
  margin: 14px auto 18px;
}
.winzer .shield span {
  position: absolute;
  width: 100%;
  height: 30px;
  display: block;
  top: 0;
  left: 0;
}
#winzer-maximilian-von-kunow.winzer .shield span {
  background-image: url('images/wappen-hoevel.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 23px 28px;
  -o-background-size: 23px 28px;
  -webkit-background-size: 23px 28px;
  background-size: 23px 28px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #winzer-maximilian-von-kunow.winzer .shield span {
    background-image: url('images/wappen-hoevel@2x.png');
  }
}
#winzer-johannes-hasselbach.winzer .shield span {
  background-image: url('images/wappen-gunderloch.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 26px 29px;
  -o-background-size: 26px 29px;
  -webkit-background-size: 26px 29px;
  background-size: 26px 29px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #winzer-johannes-hasselbach.winzer .shield span {
    background-image: url('images/wappen-gunderloch@2x.png');
  }
}
#winzer-alwin-stefanie-jurtschitsch.winzer .shield span {
  background-image: url('images/wappen-jurtschitsch.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #winzer-alwin-stefanie-jurtschitsch.winzer .shield span {
    background-image: url('images/wappen-jurtschitsch@2x.png');
  }
}
.winzer a:hover {
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.winzer-meta {
  margin-bottom: 40px;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
}
.winzer-meta strong {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
}
#testimonials .section-content {
  padding-bottom: 30px;
}
#testimonials-list {
  padding: 50px 0 15px;
}
.testimonial {
  width: 454px;
  max-width: 100%;
  margin-right: 30px;
  display: block;
}
.testimonial.even {
  margin-right: 0;
}
.testimonial .entry {
  position: relative;
  border: 1px solid #252597;
  padding: 32px 20px 25px 50px;
  margin-bottom: 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font: 20px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  text-transform: none;
}
.testimonial .entry:before,
.testimonial .entry:after {
  content: "";
  position: absolute;
  left: 42px;
}
.testimonial .entry:before {
  bottom: -13px;
  width: 0;
  height: 0;
  display: block;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 12px solid #252597;
  border-bottom: none;
}
.testimonial .entry:after {
  bottom: -12px;
  width: 0;
  height: 0;
  display: block;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 12px solid #FFF;
  border-bottom: none;
}
.testimonial .author {
  position: relative;
  padding-left: 120px;
  min-height: 88px;
  line-height: 1.4;
}
.testimonial .author .thumb {
  position: absolute;
  top: 0;
  left: 13px;
  width: 88px;
  height: 88px;
  display: block;
}
.testimonial .author .thumb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 88px;
  height: 88px;
  background-image: url('images/mask-testimonials.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 88px 88px;
  -o-background-size: 88px 88px;
  -webkit-background-size: 88px 88px;
  background-size: 88px 88px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .testimonial .author .thumb:after {
    background-image: url('images/mask-testimonials@2x.png');
  }
}
.testimonial .author h5 {
  padding-top: 18px;
  margin-bottom: 2px;
  font: 13px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  color: #252597;
  letter-spacing: 0;
}
.testimonial .author .desc {
  font: 13px 'ProximaNovaReg', Helmet, Freesans, sans-serif;
  letter-spacing: 0;
  line-height: 1.35;
}
#testimonials-grid .testimonial {
  float: left;
  margin-bottom: 42px;
}
#testimonials-list .testimonial {
  margin-bottom: 30px;
  float: left;
}
#testimonials-list .testimonial.even {
  float: right;
}
#testimonials-list .testimonial:last-child {
  margin-bottom: 0;
}
#weine .statement {
  font-family: 'ProximaNovaBold', Helmet, Freesans, sans-serif;
}
#weine .drei,
#weine .neun {
  display: block;
  text-indent: -9999px;
  margin: 8px auto -32px;
  width: 35px;
  height: 41px;
}
#weine .drei {
  background-image: url('images/numero3-smaller.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 34px 41px;
  -o-background-size: 34px 41px;
  -webkit-background-size: 34px 41px;
  background-size: 34px 41px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .drei {
    background-image: url('images/numero3-smaller@2x.png');
  }
}
#weine .neun {
  background-image: url('images/numero9-smaller.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 35px 41px;
  -o-background-size: 35px 41px;
  -webkit-background-size: 35px 41px;
  background-size: 35px 41px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .neun {
    background-image: url('images/numero9-smaller@2x.png');
  }
}
#weine .weine-entry {
  position: relative;
  margin-bottom: 70px;
}
#weine .weine-entry .thumb {
  position: absolute;
  left: 0;
}
#weine .weine-entry .entry {
  margin-left: 460px;
  font-size: 16px;
  text-align: left;
  line-height: 1.6;
}
#weine .weine-entry .entry h5 {
  color: #252597;
}
#weine .weine-entry.even .thumb {
  right: auto;
  left: 325px;
}
#weine .weine-entry.even .entry {
  margin-left: 0;
}
#weine .weine-entry#weine-2 .entry h5 {
  color: #ef1f56;
}
#weine .weine-entry#weine-3 .thumb {
  left: auto;
  right: 0;
}
#weine .weine-entry#weine-3 .entry {
  margin-left: 245px;
}
#weine .weine-entry#weine-3 .entry h5 {
  color: #bbdc00;
}
#weine .eins-neun,
#weine .zwei-neun,
#weine .drei-neun,
#weine .vier-neun,
#weine .fuenf-neun,
#weine .sechs-neun,
#weine .sieben-neun,
#weine .acht-neun,
#weine .neun-neun {
  width: 60px;
  height: 31px;
  display: block;
  text-indent: -9999px;
  margin-bottom: -12px;
}
#weine .eins-neun {
  background-image: url('images/numero1v9.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 53px 31px;
  -o-background-size: 53px 31px;
  -webkit-background-size: 53px 31px;
  background-size: 53px 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .eins-neun {
    background-image: url('images/numero1v9@2x.png');
  }
}
#weine .zwei-neun {
  background-image: url('images/numero2v9.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 57px 31px;
  -o-background-size: 57px 31px;
  -webkit-background-size: 57px 31px;
  background-size: 57px 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .zwei-neun {
    background-image: url('images/numero2v9@2x.png');
  }
}
#weine .drei-neun {
  background-image: url('images/numero3v9.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 58px 31px;
  -o-background-size: 58px 31px;
  -webkit-background-size: 58px 31px;
  background-size: 58px 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .drei-neun {
    background-image: url('images/numero3v9@2x.png');
  }
}
#weine .vier-neun {
  background-image: url('images/numero4v9.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 60px 31px;
  -o-background-size: 60px 31px;
  -webkit-background-size: 60px 31px;
  background-size: 60px 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .vier-neun {
    background-image: url('images/numero4v9@2x.png');
  }
}
#weine .fuenf-neun {
  background-image: url('images/numero5v9.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 58px 31px;
  -o-background-size: 58px 31px;
  -webkit-background-size: 58px 31px;
  background-size: 58px 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .fuenf-neun {
    background-image: url('images/numero5v9@2x.png');
  }
}
#weine .sechs-neun {
  background-image: url('images/numero6v9.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 60px 31px;
  -o-background-size: 60px 31px;
  -webkit-background-size: 60px 31px;
  background-size: 60px 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .sechs-neun {
    background-image: url('images/numero6v9@2x.png');
  }
}
#weine .sieben-neun {
  background-image: url('images/numero7v9.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 51px 31px;
  -o-background-size: 51px 31px;
  -webkit-background-size: 51px 31px;
  background-size: 51px 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .sieben-neun {
    background-image: url('images/numero7v9@2x.png');
  }
}
#weine .acht-neun {
  background-image: url('images/numero8v9.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 60px 31px;
  -o-background-size: 60px 31px;
  -webkit-background-size: 60px 31px;
  background-size: 60px 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .acht-neun {
    background-image: url('images/numero8v9@2x.png');
  }
}
#weine .neun-neun {
  background-image: url('images/numero9v9.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 57px 31px;
  -o-background-size: 57px 31px;
  -webkit-background-size: 57px 31px;
  background-size: 57px 31px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #weine .neun-neun {
    background-image: url('images/numero9v9@2x.png');
  }
}
#bestellen blockquote,
#contact blockquote {
  font-family: 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 1px;
  text-rendering: optimizeLegibility;
  font-size: 26px;
  line-height: 1.7;
  font-family: 'ProximaNovaReg', Helmet, Freesans, sans-serif;
  margin-left: auto;
  margin-right: auto;
  max-width: 620px;
  line-height: 1.3;
}
#bestellen blockquote strong,
#contact blockquote strong {
  font-family: 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  font-weight: normal;
}
#bestellen {
  font-size: 16px;
}
#bestellen h2.title {
  margin-bottom: 50px;
}
#bestellen .section-content {
  padding-bottom: 30px;
}
#bestellen .dreihundert {
  background-image: url('images/numero300.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 103px 40px;
  -o-background-size: 103px 40px;
  -webkit-background-size: 103px 40px;
  background-size: 103px 40px;
  width: 103px;
  height: 40px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  text-indent: -9999px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #bestellen .dreihundert {
    background-image: url('images/numero300@2x.png');
  }
}
#bestellen .white {
  font: 16px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
}
#bestellen span.white {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 21px 0 0 2px;
}
#bestellen div.white {
  line-height: 1.6;
  margin-top: 30px;
}
#bestellen div.white a[href^="mailto"] {
  margin: 30px 0 50px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border-bottom: 2px solid;
  line-height: 1.1;
}
#bestellen img {
  border: 3px solid #FFF;
}
#bestellen small {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 13px;
  margin: 5px 0;
}
#contact,
#newsletter {
  font-family: 'ProximaNovaBold', Helmet, Freesans, sans-serif;
}
#contact {
  padding-bottom: 0;
}
#contact .section-content {
  padding-bottom: 0;
}
#contact .social-icons {
  padding: 18px 0 28px;
}
#contact .social-icons > a {
  width: 32px;
  height: 32px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0 12px;
}
#contact .social-icons > a:hover {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
#contact .social-icons .icon-facebook {
  background-image: url('images/icon-facebook.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #contact .social-icons .icon-facebook {
    background-image: url('images/icon-facebook@2x.png');
  }
}
#contact .social-icons .icon-pinterest {
  background-image: url('images/icon-pinterest.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #contact .social-icons .icon-pinterest {
    background-image: url('images/icon-pinterest@2x.png');
  }
}
#contact .social-icons .icon-rss {
  background-image: url('images/icon-rss.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #contact .social-icons .icon-rss {
    background-image: url('images/icon-rss@2x.png');
  }
}
#contact .social-icons .icon-twitter {
  background-image: url('images/icon-twitter.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #contact .social-icons .icon-twitter {
    background-image: url('images/icon-twitter@2x.png');
  }
}
#contact .social-icons .icon-vimeo {
  background-image: url('images/icon-vimeo.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #contact .social-icons .icon-vimeo {
    background-image: url('images/icon-vimeo@2x.png');
  }
}
#newsletter {
  background: none;
  margin-top: -22px;
  margin-bottom: 0;
  padding-bottom: 0;
}
#newsletter .section-content {
  padding-top: 40px;
  padding-bottom: 90px;
}
#newsletter h2.title {
  margin-bottom: 30px;
}
#newsletter #mc_embed_signup {
  padding-top: 2px;
  margin-bottom: 50px;
}
#newsletter #mc_embed_signup input {
  box-shadow: none !important;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-family: 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -ms-box-sizing: inherit;
  box-sizing: inherit;
  text-align: center;
}
#newsletter #mc_embed_signup input[type="email"] {
  text-transform: uppercase;
  width: 330px;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 14px 0;
  font-size: 18px;
  letter-spacing: 1px;
}
#newsletter #mc_embed_signup ::-webkit-input-placeholder {
  color: #252597;
}
#newsletter #mc_embed_signup :-moz-placeholder {
  /* Firefox 18- */
  color: #252597;
}
#newsletter #mc_embed_signup ::-moz-placeholder {
  /* Firefox 19+ */
  color: #252597;
}
#newsletter #mc_embed_signup :-ms-input-placeholder {
  color: #252597;
}
#newsletter #mc_embed_signup input[type="submit"] {
  padding: 0 0 1px 0;
  height: 22px;
  background: transparent;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border-bottom: 1px solid #FFF;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FFF;
  -moz-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#newsletter #mc_embed_signup input[type="submit"]:hover {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
#impressum {
  font: 10px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  text-transform: none;
  text-align: center;
  padding: 35px 0 0;
  line-height: 1.3;
}
#impressum p {
  margin-bottom: 12px;
}
#press h2.title {
  margin-bottom: 50px;
}
#press .sep {
  margin-top: 0px;
}
.press-list {
  text-align: center;
}
.press-list .press {
  margin-bottom: 40px;
}
.press-list .press .press-date,
.press-list .press .press-subtitle {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.press-list .press .press-date {
  font-family: 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  padding-top: 1px;
}
.press-list .press .press-subtitle:before {
  content: "•";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0 3px 0 -1px;
  color: #ef1f56;
}
.press-list .press h4 {
  margin-top: 2px;
  font-family: 'ProximaNovaReg', Helmet, Freesans, sans-serif;
  line-height: 1.4;
}
.press-list .press h4 a {
  color: #2b302d;
}
.press-list .press h4 a:hover {
  color: #ef1f56;
}
.header-text {
  font: 16px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  color: #252597;
  margin-bottom: 50px;
}
.blog #content,
.single #content {
  padding-top: 65px;
}
.blog h1,
.single h1,
.blog h1 a,
.single h1 a,
.blog h2,
.single h2,
.blog h2 a,
.single h2 a {
  font: 24px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  font-weight: normal;
  color: #252597;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 6px;
}
.blog h2.title,
.single h2.title {
  margin-bottom: 20px !important;
}
.blog .date,
.single .date {
  font: 12px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  color: #000;
  display: block;
  margin-bottom: 18px;
}
.blog .back,
.single .back {
  font: 12px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  text-transform: uppercase;
  display: block;
  margin-bottom: 16px;
}
.blog p,
.single p {
  margin-bottom: 25px;
}
.blog img,
.single img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.blog a,
.single a {
  font: 12px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  color: #000;
}
.blog a:hover,
.single a:hover {
  color: #252597;
}
.post {
  padding-bottom: 60px;
  margin-bottom: 60px;
  background-image: url('images/logoline.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  -moz-background-size: 800px 25px;
  -o-background-size: 800px 25px;
  -webkit-background-size: 800px 25px;
  background-size: 800px 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .post {
    background-image: url('images/logoline@2x.png');
  }
}
.navigation {
  text-align: center;
  zoom: 1;
  margin-top: -18px;
  padding-bottom: 20px;
}
.navigation:before,
.navigation:after {
  content: "";
  display: table;
}
.navigation:after {
  clear: both;
}
.navigation > div {
  float: left;
  width: 33.33%;
  min-height: 10px;
}
.navigation > div.next-posts {
  text-align: right;
}
.navigation > div.prev-posts {
  text-align: left;
}
.navigation > div > * {
  font: 12px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  text-transform: uppercase;
}
.navigation > div a:hover {
  color: #252597;
}
.navigation > div.numeration > * {
  text-decoration: none;
  margin: 0 5px;
}
.navigation > div.numeration > *.current {
  color: #252597;
}
#footer {
  background: #FFF;
  font: 10px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  text-transform: none;
  color: #000;
}
#footer .inside {
  padding: 25px 0 30px;
}
#footer a {
  color: #000;
}
#footer a:hover {
  text-decoration: underline;
}
#footer #social-nav {
  max-width: 730px;
  margin: 0 auto 40px;
  padding: 12px 0 11px;
  border-top: 1px solid #252597;
  border-bottom: 1px solid #252597;
  text-align: center;
}
#footer #social-nav li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin: 0 45px;
}
#footer #social-nav li:first-child {
  margin-left: 0;
}
#footer #social-nav li:last-child {
  margin-right: 0;
}
#footer #social-nav a {
  font: 15px 'ProximaNovaSemibold', Helmet, Freesans, sans-serif;
  color: #252597;
}
#footer #social-nav a:hover {
  color: #2b302d;
  text-decoration: none;
}
#footer .copyright {
  text-align: center;
  margin-bottom: 8px;
}
#lightbox-overlay {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #252597;
  width: 100%;
  height: 100%;
  z-index: 9999;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  display: block;
}
#lightbox-dialog {
  position: absolute;
  left: 50%;
  background: #FFF;
  width: 645px;
  max-width: 100%;
  margin-left: -407.5px;
  padding: 45px 85px 50px;
  margin-top: 80px;
  -webkit-box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.05);
  z-index: 9999;
  visibility: hidden;
}
#lightbox-dialog h2 {
  margin-bottom: 30px;
  text-align: center;
}
#lightbox-dialog .statement {
  text-align: center;
}
#lightbox-dialog .button-wrapper {
  margin-top: 60px;
  text-align: center;
  background-image: url('images/logoline.png');
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: 800px 25px;
  -o-background-size: 800px 25px;
  -webkit-background-size: 800px 25px;
  background-size: 800px 25px;
  padding-top: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #lightbox-dialog .button-wrapper {
    background-image: url('images/logoline@2x.png');
  }
}
#lightbox-dialog .button.lightbox-close {
  font: 14px 'ProximaNovaBold', Helmet, Freesans, sans-serif;
  margin: 60px auto 0;
  text-transform: uppercase;
  text-decoration: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  line-height: 12px;
  border-bottom: 1px solid #252597;
}
#lightbox-dialog .button.lightbox-close:hover {
  color: #252597;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
@media screen and (max-width: 1024px) {
  #lightbox-dialog {
    width: 660px;
    margin-left: -330px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 760px) {
  #lightbox-dialog {
    width: 480px;
    margin-left: -240px;
    padding: 50px 60px;
  }
  #lightbox-dialog .button.lightbox-close {
    margin-top: 20px;
  }
}
@media screen and (max-width: 520px) {
  #lightbox-dialog {
    width: 90%;
    margin-left: 0;
    left: 5%;
    right: 5%;
    padding: 40px 30px;
  }
}
@media screen and (max-width: 1123px) {
  #lightbox-dialog {
    margin-top: 20px;
  }
}
#lightbox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background-image: url('images/btn-close.png');
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 11px 11px;
  -o-background-size: 11px 11px;
  -webkit-background-size: 11px 11px;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #lightbox-close {
    background-image: url('images/btn-close@2x.png');
  }
}
#lightbox-close:hover {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
@media screen and (max-width: 1123px) {
  .inside {
    width: 660px;
  }
  h2.title {
    margin-bottom: 30px;
  }
  h1,
  h3,
  .h3,
  .statement,
  #bestellen blockquote,
  #kontakt blockquote {
    font-size: 24px;
  }
  h1,
  h3,
  .h3,
  .statement {
    line-height: 1.8;
  }
  h4,
  .h4 {
    font-size: 16px;
  }
  .date {
    font-size: 11px;
  }
  .section .pattern {
    height: 150px;
  }
  .section-content {
    font-size: 18px;
  }
  .section-content {
    padding: 50px 0;
  }
  .section-panel .panel-content h2 {
    margin-bottom: 55px;
  }
  .section-panel .panel-content .inside > .more-info {
    margin-top: 50px;
  }
  .section#services .entry-content {
    margin-bottom: 30px;
  }
  #services-grid .service,
  #services-grid .service.first {
    width: 48%;
    margin-left: 4%;
    margin-right: 0;
  }
  #services-grid .service:nth-child(2n+1),
  #services-grid .service.first:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }
  #services-grid .service img,
  #services-grid .service.first img {
    width: auto;
    margin: 0 auto;
    max-width: 100%;
  }
  #services-grid .service.first {
    clear: none;
  }
  #references-grid .reference,
  #references-grid .reference.first {
    width: 48%;
    margin-left: 4%;
    margin-right: 0;
  }
  #references-grid .reference:nth-child(2n+1),
  #references-grid .reference.first:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }
  #references-grid .reference.first {
    clear: none;
  }
  .testimonial {
    margin-right: 0;
  }
  #testimonials-grid .testimonial {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  #footer #social-nav li {
    margin: 0 38px;
  }
}
@media screen and (max-width: 840px) {
  #header .language-chooser,
  #header #lang-chooser {
    right: -45px;
  }
}
@media screen and (max-width: 760px) {
  .inside {
    width: 480px;
  }
  h1,
  h3,
  .h3,
  .statement,
  #bestellen blockquote,
  #contact blockquote {
    font-size: 22px;
  }
  h4,
  .h4 {
    font-size: 16px;
  }
  #references-grid .reference,
  #references-grid .reference.first {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #references-grid .thumb {
    height: auto;
  }
  #references-grid .entry-content {
    height: auto;
  }
  .clients-list .box {
    width: 33.333%;
  }
  .testimonial {
    width: 100%;
    margin-right: 0;
  }
  #testimonials-list .testimonial {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  #testimonials-list .testimonial.even {
    float: none;
  }
  #footer {
    height: auto;
    text-align: center;
  }
  #footer .inside {
    padding: 20px 0 25px;
  }
  #footer .inside > * {
    margin-bottom: 10px;
  }
  #footer .inside > *:last-child {
    margin-bottom: 0;
  }
  #footer .made,
  #footer .copyright {
    position: inherit;
    top: auto;
    display: block;
    width: 100%;
  }
  #footer #social-nav li {
    margin: 0 15px;
  }
  .single h1 {
    margin-bottom: 20px;
  }
  .single h2.title {
    margin-bottom: 20px;
  }
  .single p {
    margin-bottom: 20px;
  }
  .single .statement {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .single img {
    margin-bottom: 25px;
  }
  iframe {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 580px) {
  #references-slider-wrapper {
    padding-bottom: 20px;
  }
  .direction-nav .prev {
    left: 0;
  }
  .direction-nav .next {
    right: 0;
  }
  .control-nav {
    bottom: -30px;
  }
}
@media screen and (max-width: 520px) {
  .inside {
    width: 90%;
  }
  h1,
  h3,
  .h3,
  .statement,
  #bestellen blockquote,
  #kontakt blockquote {
    font-size: 20px;
  }
  h4,
  .h4 {
    font-size: 18px;
  }
  .panel#home,
  .panel.panel-next {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
    display: block;
    width: 100%;
  }
  #services-grid .service,
  #services-grid .service.first {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .section {
    overflow: hidden;
  }
  .section-content {
    padding: 50px 0;
  }
  .section-panel {
    background-image: none !important;
  }
  .section-panel .panel-content {
    padding: 50px 0;
  }
  .section-panel .panel-content h2 {
    margin-bottom: 20px;
  }
  .section-panel .panel-content .inside > .more-info {
    margin-top: 20px;
  }
  .testimonial:last-child {
    margin-bottom: 0;
  }
  .testimonial .entry {
    font-size: 14px;
    padding-top: 18px;
    padding-bottom: 12px;
    padding-left: 25px;
  }
  .testimonial .entry:before,
  .testimonial .entry:after {
    left: 30px;
  }
  .testimonial .author {
    padding-left: 107px;
  }
  .testimonial .author .thumb {
    left: 0;
  }
  .panel {
    -moz-background-size: auto;
    -o-background-size: auto;
    -webkit-background-size: auto;
    background-size: auto;
  }
  .panel-content h2 {
    margin-bottom: 50px;
  }
  .panel-content .button {
    margin-top: 50px;
  }
  #footer #social-nav {
    margin-bottom: 20px;
  }
  #footer #social-nav li {
    display: block;
    margin: 0 0 5px;
  }
  #footer #social-nav li:last-child {
    margin-bottom: 0;
  }
  #contact .social-icons > a {
    margin: 0 5px 5px 0;
  }
}
@media screen and (max-width: 380px) {
  #header #logo {
    width: 70px;
  }
  .clients-list .box {
    width: 50%;
  }
}
@media screen and (max-width: 1123px) {
  #home {
    padding-top: 0 !important;
  }
  #main {
    padding-top: 75px;
  }
  #header {
    height: auto;
  }
  #header .inside {
    padding: 10px 0 0;
    width: 100%;
  }
  #header #logo {
    margin-left: 5%;
    padding-bottom: 10px;
    -moz-background-size: 252px 55px;
    -o-background-size: 252px 55px;
    -webkit-background-size: 252px 55px;
    background-size: 252px 55px;
    width: 251px;
    height: 55px;
  }
  #header #menu-button {
    position: absolute;
    top: 29px;
    right: 5%;
    background-image: url('images/mobile-menu-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: 15px 16px;
    -o-background-size: 15px 16px;
    -webkit-background-size: 15px 16px;
    background-size: 15px 16px;
    width: 15px;
    height: 16px;
    display: block;
    text-indent: -9999px;
  }
  #header #header-menu {
    background-color: #FFF;
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    display: none;
  }
  #header #header-menu ul {
    left: auto !important;
  }
  #header .nav-menu {
    position: inherit;
    bottom: auto;
  }
  #header .nav-menu li,
  #header .language-chooser li,
  #header #lang-chooser li {
    display: block;
    width: 100%;
    border-top: 1px solid #000;
  }
  #header .nav-menu li:before,
  #header .language-chooser li:before,
  #header #lang-chooser li:before {
    content: "";
    display: none;
  }
  #header .nav-menu li a,
  #header .language-chooser li a,
  #header #lang-chooser li a {
    font-size: 16px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 22px 0 20px;
    border-bottom: none;
    line-height: 16px;
    letter-spacing: 3px;
  }
  #header .language-chooser,
  #header #lang-chooser {
    position: inherit;
  }
  #header .language-chooser li,
  #header #lang-chooser li {
    width: 100%;
  }
  #header .language-chooser li a,
  #header #lang-chooser li a {
    background: #f2f2f2;
    color: #2b302d;
  }
  #header .language-chooser li a:hover,
  #header #lang-chooser li a:hover {
    text-decoration: none;
    color: #ef1f56;
  }
  #header .language-chooser li.active,
  #header #lang-chooser li.active {
    display: none;
  }
  #header.opened #menu-button {
    background-image: url('images/mobile-menu-close.png');
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    display: block;
  }
  .blog #content,
  .single #content {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1123px) and only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 1123px) and only screen and (-moz-min-device-pixel-ratio: 1.5), screen and (max-width: 1123px) and only screen and (-o-min-device-pixel-ratio: 3/2), screen and (max-width: 1123px) and only screen and (min-device-pixel-ratio: 1.5) {
  #header #menu-button {
    background-image: url('images/mobile-menu-icon@2x.png');
  }
}
@media screen and (max-width: 1123px) and only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 1123px) and only screen and (-moz-min-device-pixel-ratio: 1.5), screen and (max-width: 1123px) and only screen and (-o-min-device-pixel-ratio: 3/2), screen and (max-width: 1123px) and only screen and (min-device-pixel-ratio: 1.5) {
  #header.opened #menu-button {
    background-image: url('images/mobile-menu-close@2x.png');
  }
}
.mobile .section,
.mobile .panel,
.mobile .fact-image,
.mobile .panel-next {
  background-attachment: scroll;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .fact-image {
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
}