/******************************************************************
Site Name: Stomp 2015
Author: Schreiber & Freunde GmbH

Stylesheet: Main Stylesheet
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
b,
strong,
.strong {
  font-weight: bold;
}
dfn,
em,
.em {
  font-style: italic;
}
small,
.small {
  font-size: 75%;
}
ul,
ol {
  padding: 0;
  list-style-type: none;
}
dd {
  margin: 0;
}
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}
/******************************************************************
Site Name: Stomp 2015
Author: Schreiber & Freunde GmbH

Stylesheet: All Variables of the LESS-Stylesheet are set here
******************************************************************/
/* increase this to see the transformations in slow-motion */
/******************************************************************
Site Name: Stomp 2015
Author: Schreiber & Freunde GmbH

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes resizeBg {
  from {
    background-size: 100%;
    background-position: -300px 50%;
  }
  to {
    background-size: 200%;
    background-position: -300px 150%;
  }
}
@-webkit-keyframes resizeBg {
  from {
    background-size: 100%;
    background-position: -300px 50%;
  }
  to {
    background-size: 200%;
    background-position: -300px 150%;
  }
}
@keyframes stomp {
  0% {
    transform: translate(0) scale(1);
  }
  20% {
    transform: translate(-4px, 1px) scale(1.05);
  }
  40% {
    transform: translate(-4px, -1px) scale(1.1);
  }
  60% {
    transform: translate(1px, -4px) scale(1.1);
  }
  80% {
    transform: translate(1px, 4px) scale(1.05);
  }
  100% {
    transform: translate(0) scale(1);
  }
}
@-webkit-keyframes stomp {
  0% {
    transform: translate(0) scale(1);
  }
  20% {
    transform: translate(-4px, 1px) scale(1.05);
  }
  40% {
    transform: translate(-4px, -1px) scale(1.1);
  }
  60% {
    transform: translate(1px, -4px) scale(1.1);
  }
  80% {
    transform: translate(1px, 4px) scale(1.05);
  }
  100% {
    transform: translate(0) scale(1);
  }
}
@keyframes cart_in {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-5px, 0px);
  }
  40% {
    transform: translate(-10px, 0px);
  }
  60% {
    transform: translate(-15px, 0px);
  }
  80% {
    transform: translate(5px, 0px);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes cart_in {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-5px, 0px);
  }
  40% {
    transform: translate(-10px, 0px);
  }
  60% {
    transform: translate(-15px, 0px);
  }
  80% {
    transform: translate(5px, 0px);
  }
  100% {
    transform: translate(0);
  }
}
/******************************************************************
Site Name: Stomp 2015
Author: Schreiber & Freunde GmbH

Stylesheet: Grid Stylesheet

******************************************************************/
@-ms-viewport {
  width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1179px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (min-width: 1180px) and (max-width: 1399px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (min-width: 1400px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1180px) and (max-width: 1399px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    max-width: 96%;
  }
}
@media (min-width: 1180px) {
  .container {
    max-width: 920px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 920px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}
.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
  clear: all;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1180px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1400px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
/******************************************************************
Site Name: Stomp 2015
Author: Schreiber & Freunde GmbH

Stylesheet: Base Mobile Stylesheet

******************************************************************/
/*********************
GENERAL STYLES
*********************/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
body {
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 1.5;
}
img {
  display: block;
  max-width: 100%;
}
.inline-md-up {
  display: none;
}
.text-center {
  text-align: center;
}
.panorama-button-wrapper {
  padding-top: 20px;
}
.content-wrapper {
  position: relative;
  z-index: 10;
}
body.nav-active .content-wrapper,
body.nav-active .footer-main {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
a.more {
  font-family: "futura-pt", serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 23px;
  color: #e5200e;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  text-shadow: 0px 0px 4px #000000;
}
a.more:after {
  content: '';
  display: block;
  width: 149px;
  height: 8px;
  background-size: 149px 8px;
  margin: 0 auto;
}
a.more:hover {
  color: #fff;
}
.logo-wrapper {
  float: left;
  width: 50%;
  margin-top: 20px;
  padding: 20px 40px;
}
.logo-wrapper.first {
  padding: 20px 20px 20px 60px;
}
.logo-wrapper.last {
  padding: 20px 60px 20px 20px;
}
.logo-wrapper img {
  max-width: 100%;
}
.partner-wrapper {
  /*margin: @space*3 auto;*/
  margin: 40px auto 60px auto;
  text-align: center;
}
.partner-wrapper:before,
.partner-wrapper:after {
  content: " ";
  display: table;
}
.partner-wrapper:after {
  clear: both;
}
.partner-wrapper:before,
.partner-wrapper:after {
  content: " ";
  display: table;
}
.partner-wrapper:after {
  clear: both;
}
.partner-wrapper p {
  margin-top: 5px;
  margin-bottom: 0px;
}
.partner-wrapper a {
  display: block;
}
.partner-wrapper span {
  display: inline-block;
  margin-bottom: 20px;
}
.partner-wrapper img {
  max-width: 80px;
  display: inline-block;
  margin: 0 10px !important;
}
.partner-wrapper .highlight img {
  max-width: 230px;
}
.keyvisual-text {
  position: absolute;
  z-index: 20;
  width: 100px;
  height: 100px;
  font-size: 1.5em;
  bottom: 0px;
  left: 10%;
  transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -o-transform: translateX(-10%);
  text-transform: uppercase;
}
.rotate {
  transform: rotate(-8deg);
}
.rotate.negate {
  transform: rotate(8deg);
}
.wrapper-part-fresher {
  position: relative;
  top: 0px;
  min-height: 480px;
}
.wrapper-part-fresher .text {
  position: relative;
}
.trackingspot {
  display: none;
}
.hidden-home-xs {
  display: none;
}
.wrapper-partner .partner a img {
  width: 40%;
}
.post-sponsored-by p {
  margin: 0 0 0.5em 0;
  font-size: 18px;
}
#grid[data-columns]::before {
  content: '1 .column.size-1of1';
}
.row-wrapper {
  max-width: 1040px;
  margin: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}
/*********************
COMPONENTS
*********************/
header.header-main {
  position: relative;
  left: 0px;
  right: 0px;
  z-index: 100;
  /*min-height: 200px;*/
  background-color: #e5200e;
  background-size: contain;
  background-image: url('../images/splash1@2x.png');
  background-position: top left;
  background-repeat: no-repeat;
  padding-bottom: 10px;
}
header.header-main .header-inner {
  padding: 5px 0 50px 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
header.header-main .nav-kv {
  width: 75%;
  margin: 0px auto 15px auto;
  /*.stomp(stomp, 3, 2s, .4s);*/
}
header.header-main .nav-youtube {
  width: 87%;
  margin: 0 auto;
}
header.header-main h1 {
  margin: 13px 15px;
  max-width: 236px;
}
header.header-main.sticky {
  position: fixed;
}
.home header.header-main {
  background: #e5200e;
}
.home header.header-main.active {
  background: url('../images/splash1@2x.png') top left no-repeat;
  background-size: 100%;
  background-color: #e5200e;
}
.home .hidden-xs .tickets {
  position: relative;
  z-index: 10;
}
.home .hidden-xs .tickets article {
  background-color: transparent;
}
.home .hidden-xs .tickets article.date {
  padding: 0px 5%;
}
.nav-toggle {
  position: absolute;
  right: 20px;
  top: 10px;
  width: 33px;
  height: 29px;
  /* mobile menu */
  /*mobile menu end */
}
.nav-toggle .lines-button {
  display: inline-block;
  padding: 1.25rem 0.625rem;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.35714286rem;
}
.nav-toggle .lines-button:hover {
  opacity: 1;
}
.nav-toggle .lines-button:active {
  transition: 0;
}
.nav-toggle .lines {
  display: inline-block;
  width: 2.5rem;
  height: 0.35714286rem;
  background: #fff;
  border-radius: 0.17857143rem;
  transition: 0.3s;
  position: relative;
}
.nav-toggle .lines:before,
.nav-toggle .lines:after {
  display: inline-block;
  width: 2.5rem;
  height: 0.35714286rem;
  background: #fff;
  border-radius: 0.17857143rem;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  transform-origin: 0.17857143rem center;
}
.nav-toggle .lines:before {
  top: 0.625rem;
}
.nav-toggle .lines:after {
  top: -0.625rem;
}
.nav-toggle.lines-button:hover {
  opacity: 1;
}
.nav-toggle.lines-button:hover .lines:before {
  top: 0.71428571rem;
}
.nav-toggle.lines-button:hover .lines:after {
  top: -0.71428571rem;
}
.nav-toggle.lines-button.x.close .lines {
  background: transparent;
}
.nav-toggle.lines-button.x.close .lines:before,
.nav-toggle.lines-button.x.close .lines:after {
  transform-origin: 50% 50%;
  top: 0;
  width: 2.5rem;
}
.nav-toggle.lines-button.x.close .lines:before {
  transform: rotate3d(0, 0, 1, 45deg);
}
.nav-toggle.lines-button.x.close .lines:after {
  transform: rotate3d(0, 0, 1, -45deg);
}
.nav-toggle .mobileMenu {
  position: absolute;
  z-index: 10;
  right: 0px;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border: none;
  border-radius: 0px;
  top: 0px;
}
header.header-main.active .header-inner {
  /*.vertical-gradient(rgba(0,0,0,1), rgba(0,0,0,0.6), 80%, 100%);*/
}
header.header-main.active .nav-toggle {
  background-size: 26px 26px;
  background-position: 4px;
}
nav.wrapper-nav-main {
  display: none;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: auto;
  line-height: 1;
  z-index: 10;
  text-align: center;
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}
nav.wrapper-nav-main ul {
  margin: 0;
  font-size: 22px;
}
nav.wrapper-nav-main > ul > li {
  margin-bottom: 20px;
}
nav.wrapper-nav-main > ul > li.current-menu-item,
nav.wrapper-nav-main > ul > li.current-menu-ancestor {
  /*
            &:after {
                content: '';
                display: block;
                width: 119px;
                height: 9px;
                background-size: 119px 9px;
                margin: 0 auto;
            }
            */
}
nav.wrapper-nav-main > ul > li.current-menu-item > a,
nav.wrapper-nav-main > ul > li.current-menu-ancestor > a {
  text-decoration: underline;
  /*color: @color-white;*/
}
nav.wrapper-nav-main a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: 700;
}
nav.wrapper-nav-main .sub-menu {
  display: none;
}
.sub-menu {
  text-align: left;
  font-size: 17px;
  min-width: 300px;
}
.sub-menu a {
  display: block;
  color: #e5200e !important;
  text-decoration: none;
}
.sub-menu a:after {
  display: block;
  content: attr(title);
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 5px;
  font-size: 13px;
  color: #fff;
}
.sub-menu li {
  background: rgba(41, 38, 33, 0.95);
  margin: 0;
  padding: 10px 20px;
}
.sub-menu li:hover,
.sub-menu li.current-menu-ancestor,
.sub-menu li.current-menu-item {
  background: #e5200e;
}
.sub-menu li:hover a,
.sub-menu li.current-menu-ancestor a,
.sub-menu li.current-menu-item a {
  color: #000 !important;
}
.sub-menu li:hover a:after,
.sub-menu li.current-menu-ancestor a:after,
.sub-menu li.current-menu-item a:after {
  color: #000;
}
.footer-main {
  margin-top: 60px;
  padding: 20px 0 0 0;
  text-align: center;
  line-height: 1;
}
.footer-main ul {
  margin: 0;
}
.footer-main li {
  display: block;
  margin: 10px 10px;
}
.footer-main a {
  text-decoration: none;
  color: #000000;
  font-size: 1em;
}
.footer-main a:hover {
  color: #e5200e;
}
.footer-main .footer-presents {
  padding: 60px 0;
  color: #000000;
  font-size: 0.63em;
  font-weight: bold;
}
p .highlight-1,
p .highlight-2 {
  line-height: 1;
  font-family: "futura-pt", serif;
  font-style: normal;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
p .highlight-1 {
  color: #e5200e;
  font-size: 18px;
}
p .highlight-2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 26px;
}
.commentaries-outer {
  position: relative;
  text-align: center;
  padding: 0;
  line-height: 1.25;
}
.commentaries-outer .commentaries-inner {
  overflow: hidden;
  -webkit-transition: margin 0.75s ease-in-out;
  -moz-transition: margin 0.75s ease-in-out;
  -ms-transition: margin 0.75s ease-in-out;
  -o-transition: margin 0.75s ease-in-out;
  transition: margin 0.75s ease-in-out;
}
.commentaries-outer .commentaries-inner .slick-track {
  display: inline-block;
}
.commentaries-outer .commentaries-image.stomp-it {
  animation: stomp 0.4s ease-in-out;
  animation-iteration-count: 2;
  animation-delay: 2s;
  -webkit-animation: stomp 0.4s ease-in-out;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-delay: 2s;
  -moz-animation: stomp 0.4s ease-in-out;
  -moz-animation-iteration-count: 2;
  -moz-animation-delay: 2s;
  -ms-animation: stomp 0.4s ease-in-out;
  -ms-animation-iteration-count: 2;
  -ms-animation-delay: 2s;
  -o-animation: stomp 0.4s ease-in-out;
  -o-animation-iteration-count: 2;
  -o-animation-delay: 2s;
}
.commentaries-outer .commentaries {
  width: 100%;
  overflow: hidden;
  /*margin-top: @space;*/
}
.commentaries-outer .commentary {
  float: left;
  padding: 10px;
  text-align: left;
}
.commentaries-outer p {
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-style: italic;
  color: #000000;
  margin: 0;
}
.commentaries-outer p.author {
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 900;
}
.commentaries-outer .slick-dots {
  margin: 10px 0;
}
.commentaries-outer .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.commentaries-outer .slick-dots li button {
  display: block;
  width: 14px;
  height: 14px;
  height: 16px\9;
  background: #e5200e;
  border: none;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  font-size: 0;
}
.commentaries-outer .slick-dots li.slick-active button {
  background-color: #e5200e;
  border: 1px solid #fff;
  height: 17px\9;
  /*box-shadow: 0px 0px 0px 1px #fff;*/
}
article {
  padding: 20px;
  color: #000000;
  position: relative;
  z-index: 100;
}
article h1,
article h2 {
  /*.font-serif-regular();*/
}
article h1 {
  color: #000000;
  font-size: 20px;
  margin: 0 0 10px 0;
}
article h1 + h2 {
  margin-top: 0;
}
article h2 {
  color: #000000;
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  /*'margin-bottom: @space*3;*/
}
article h3 {
  font-family: "futura-pt", serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  color: #000000;
}
article h2 + h4 {
  margin-top: -20px;
}
article h4 {
  font-weight: 700;
  font-style: italic;
  font-size: 1.4em;
  text-transform: uppercase;
}
article strong {
  color: #e5200e;
}
article a {
  color: #e5200e;
}
article a:hover {
  color: #e2e2e2;
}
article a.special {
  border: 1px solid #e5200e;
  padding: 6.66666667px 10px;
  border-radius: 10px;
  display: inline-block;
  text-decoration: none;
}
article header {
  text-align: center;
}
article header h1,
article header h2,
article header h3,
article header h4 {
  font-weight: bold;
  font-style: italic;
  font-size: 36px;
}
article * {
  position: relative;
  z-index: 10;
}
article > div.bg-image {
  position: absolute;
  z-index: 1;
  width: 45%;
  height: 100%;
  overflow: hidden;
  display: block;
  top: 0px;
  background-size: 250%;
  background-repeat: no-repeat;
}
article > div.bg-image.tl,
article > div.bg-image.ml,
article > div.bg-image.bl {
  left: 0px;
}
article > div.bg-image.tr,
article > div.bg-image.mr,
article > div.bg-image.br {
  right: 0px;
}
article > div.bg-image.tl {
  background-position: 100% -15%;
}
article > div.bg-image.tr {
  background-position: 5% -15%;
}
article > div.bg-image.ml {
  background-position: 95% 65%;
}
article > div.bg-image.mr {
  background-position: 15% 35%;
}
article > div.bg-image.bl {
  background-position: 90% 90%;
}
article > div.bg-image.br {
  background-position: 10% 100%;
}
article.post-faq > div.bg-image.br {
  background-position: -5% 60%;
}
article.post-faq > div.bg-image.ml {
  background-position: 90% 110%;
  background-size: 250%;
}
article.post-team .row-wrapper {
  padding: 40px 0;
  text-align: center;
  width: 100%;
}
article.post-team .row-wrapper > div {
  -webkit-border-image: none;
  -moz-border-image: none;
  border-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
  margin: 0px auto;
  max-width: 1240px;
}
article.post-team .row-wrapper > div .team {
  display: inline-block;
  margin: 20px;
  text-align: center;
  vertical-align: top;
  width: 200px;
  height: 200px;
}
article.post-team .row-wrapper > div .team a {
  color: #000;
  text-decoration: none;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-color: #e5200e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.post-team .row-wrapper > div .team a:hover {
  color: #e5200e;
  background-color: transparent;
  border: 1px solid #e5200e;
  transition: transform 0.70s;
  transform: rotate(360deg);
}
article.post-team .row-wrapper > div .team h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}
article.post-team .row-wrapper > div .team p {
  line-height: 1;
  margin: 0;
}
article.post-media > div.bg-image {
  width: 60%;
  background-size: 300%;
}
article.post-media > div.bg-image.tl {
  background-position: 52% -200px;
}
article.post-media > div.bg-image.mr {
  background-position: 41% 900px;
}
article.post-media > div.bg-image.bl {
  background-position: 60% 90%;
}
.red-xs {
  background-color: #e5200e;
}
.red-xs article h1 {
  color: #fff;
}
/*********************
VIDEO
*********************/
.oembed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}
.oembed iframe,
.oembed object,
.oembed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*********************
MEDIA
*********************/
.media .image {
  margin-bottom: 15px;
}
.media .image img {
  width: 100%;
}
.media .lazyYT-container {
  padding-bottom: 0px !important;
  margin-bottom: 15px !important;
}
.media .lazyYT-container .lazyYT-image-loaded {
  background-size: cover;
  background-position: center;
  height: 140px;
}
.media .lazyYT-container .lazyYT-image-loaded .ytp-large-play-button {
  transform: translateX(-50%) translateY(-50%) !important;
  width: 87px;
  height: 58px;
  transform-origin: left top;
  position: relative;
  top: 50%;
  left: 50%;
}
.media .lazyYT-container .lazyYT-image-loaded .ytp-large-play-button svg {
  width: 87px;
  height: 58px;
}
@media screen and (min-width: 640px) {
  .media .lazyYT-container .lazyYT-image-loaded .ytp-large-play-button {
    transform: scale(0.56388889) translateX(-50%) translateY(-50%) !important;
  }
}
.media .lazyYT-container .html5-info-bar {
  display: none;
}
.media .lazyYT-container iframe {
  width: 100%;
  height: 250px;
  display: block;
}
.media-wrapper {
  text-align: center;
  margin-bottom: 15px;
}
.media-wrapper .overlay {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.media-wrapper .overlay:after {
  display: none;
  position: relative;
  content: '';
  margin: 0 auto;
  background-size: 44px 45px;
  width: 44px;
  height: 45px;
}
.media-wrapper img {
  display: block;
  margin: 0 auto;
}
.media-wrapper a {
  display: block;
  position: relative;
  height: 100%;
  border: 2px solid #e5200e;
  background: #000;
}
.media-wrapper a:hover .overlay {
  opacity: 1;
}
.media-wrapper a:hover .overlay:after {
  display: block;
}
body:not(.home) .content-wrapper {
  /*padding-top: 70px;*/
}
body:not(.home) .footer-main {
  margin-top: 60px;
  display: inline-table;
  width: 100%;
}
body:not(.home) .hidden-page {
  display: none;
}
body:not(.home) article.post-media header h3 {
  color: #fff;
}
body:not(.home) article.post-show {
  background: #e5200e;
  display: inline-block;
  color: #fff;
}
body:not(.home) article.post-show header {
  display: none;
}
body:not(.home) article.post-show h1,
body:not(.home) article.post-show h2,
body:not(.home) article.post-show h3,
body:not(.home) article.post-show strong,
body:not(.home) article.post-show a {
  color: #fff;
}
body:not(.home) article.post-show .text h3 {
  font-size: 1.7em;
}
body:not(.home) article.post-show p:last-child {
  margin-bottom: 0px;
}
body:not(.home) article.post-show p .show-more {
  display: none !important;
}
body:not(.home) article.post-show .hidden-home-xs {
  display: block;
}
body:not(.home) article.post-show .part-fresher img,
body:not(.home) article.post-show .part-funnier img {
  width: 100%;
}
body:not(.home) article.post-creatives header {
  display: none;
}
body:not(.home) article.post-creatives.hidden-home-xs {
  display: block;
  margin-top: -8px;
}
article header.centered {
  text-align: center;
}
article.post-regular {
  padding: 0;
}
article.post-regular .inner-wrapper {
  margin: 0 auto;
  max-width: 1200px;
  width: 90%;
}
article.post-regular .text-wrapper {
  margin: 0 auto;
  width: 90%;
  max-width: 900px;
}
article.post-regular header {
  padding-top: 20px;
}
article.post-regular header h1 {
  font-size: 22px;
  line-height: 1;
}
article.post-regular header h1 span {
  font-size: 30px;
  display: block;
  margin-top: 10px;
  color: #fff;
  text-transform: uppercase;
}
article.post-regular header h1 i {
  display: none;
}
article.post-regular header p {
  font-family: "futura-pt", serif;
  font-style: normal;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  line-height: 30px;
}
.btn {
  position: relative;
  border: 1px solid #e5200e;
  padding: 5px 20px;
  border-radius: 10px;
  display: inline-block;
  color: #fab920;
  text-decoration: none;
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  margin-bottom: 20px;
}
.btn:hover {
  color: #fff;
}
.btn.btn-icon {
  padding-left: 70px;
}
.btn.btn-icon i {
  display: block;
  position: absolute;
  background: #e5200e;
  width: 55px;
  height: 38px;
  top: -1px;
  left: -1px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.btn.btn-icon.btn-icon-tickets i {
  background-size: 28px 17px;
}
.btn.btn-icon.btn-icon-video i {
  background-size: 28px 23px;
}
.btn.btn-icon.btn-icon-gallery i {
  background-size: 26px 19px;
}
.btn.btn-icon.btn-icon-pano i {
  background-size: 32px 22px;
}
.btn.btn-icon.btn-icon-casting i {
  background-size: 19px 22px;
}
.teaser-content img {
  width: 100%;
  height: auto;
  display: block;
  border: 2px solid #fff;
}
.teaser-content h3 {
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 700;
}
.teaser-content p {
  margin-top: 0;
}
.social-wrapper {
  z-index: 10;
  position: absolute;
  left: 15px;
  top: 5px;
}
.social-wrapper .social {
  display: inline-block;
  width: 20px;
  height: 30px;
  margin: 0 5px;
  font-size: 1.5em;
  color: #fff;
  text-decoration: none;
}
.social-wrapper .social.social-facebook:before {
  content: '\f230';
  font-family: 'FontAwesome';
  width: 20px;
  height: 20px;
}
.social-wrapper .social:hover {
  opacity: 1;
}
.post-tickets {
  padding-left: 0;
  padding-right: 0;
}
.post-tickets > .row-wrapper {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 100%;
}
.post-tickets > .row-wrapper > .wrapper-partner {
  max-width: 1040px;
  margin: 0 auto;
}
.post-tickets > .row-wrapper > .wrapper-partner .partner {
  text-align: center;
}
.post-tickets > .row-wrapper > .wrapper-partner .partner a {
  display: inline-block;
}
.post-tickets > .row-wrapper > .wrapper-partner .partner a img {
  margin: 0 auto;
}
.post-tickets .hint {
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1;
}
.post-tickets article.post-sponsored-by {
  border-bottom: none;
  -webkit-border-image: none;
  -moz-border-image: none;
  border-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
}
.post-tickets article.post-sponsored-by h1 {
  color: #FFF;
}
.post-tickets article.post-sponsored-by .partner {
  background: #FFF;
}
.wrapper-tickets {
  text-align: center;
  padding: 40px 0px;
}
.wrapper-tickets .dates:after {
  content: " ";
  clear: both;
}
.wrapper-tickets article.date {
  display: inline-block;
  padding: 0px 5%;
  text-align: left;
  border-bottom: none;
  -webkit-border-image: none;
  -moz-border-image: none;
  border-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.wrapper-tickets article.date header {
  display: inline-block;
  font-size: 18px;
  background-color: #e5200e;
  background-image: none;
  border-bottom: none;
  -webkit-border-image: none;
  -moz-border-image: none;
  border-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  padding: 20px 10px 10px 10px;
  position: relative;
  font-weight: 300;
  margin: 10px 0 0 0;
  width: 100%;
  text-align: left;
  opacity: 0.5;
}
.wrapper-tickets article.date header:after {
  content: '';
  display: block;
  position: absolute;
  top: 25%;
  right: 20px;
  width: 16px;
  height: 16px;
  background: url(../images/common/cross-white@2x.png) no-repeat;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  background-size: 16px 16px;
  -ms-behavior: url(/wp-content/plugins/bbp-show-website-base/js/libs/backgroundsize.min.htc);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wrapper-tickets article.date header .row {
  background-color: transparent;
  padding-bottom: 0px;
}
.wrapper-tickets article.date header .col-sm-6,
.wrapper-tickets article.date header .col-xs-12 {
  margin-bottom: 5px;
}
.wrapper-tickets article.date.active header {
  color: #fff;
  cursor: pointer;
  opacity: 1;
}
.wrapper-tickets article.date.active header:after {
  background-image: url(../images/common/cross-white@2x.png);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.wrapper-tickets article.date h3,
.wrapper-tickets article.date p.venue {
  font-size: 16px;
  display: inline-block;
  font-weight: 300;
}
.wrapper-tickets article.date h3 {
  font-size: 20px;
  color: #fff;
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: italic;
  text-transform: uppercase;
}
.wrapper-tickets article.date h3:after {
  content: "\00a0\2013";
  display: inline-block;
}
.wrapper-tickets article.date h3,
.wrapper-tickets article.date p.date,
.wrapper-tickets article.date p.venue {
  font-weight: 400;
  margin: 0;
}
.wrapper-tickets article.date p.date {
  font-size: 16px;
  font-weight: bold;
}
.wrapper-tickets article.date section {
  display: none;
  background: #FFF;
  padding: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.wrapper-tickets article.date section .ticket-link-special {
  margin-bottom: 80px;
}
.wrapper-tickets article.date section p.date {
  font-weight: 300;
}
.wrapper-tickets article.date section .row {
  padding-bottom: 0px;
}
.wrapper-tickets article.date section .buttons {
  text-align: right;
}
.wrapper-tickets article.date section .show {
  padding: 6.66666667px 0;
}
.wrapper-tickets article.date section .map img {
  margin: 6.66666667px 0;
}
.wrapper-tickets article.date section .btn-tickets,
.wrapper-tickets article.date section .ical-link {
  color: #000000;
  text-decoration: none;
}
.wrapper-tickets article.date section .ical-link {
  text-indent: -999px;
  width: 20px;
  height: 23px;
  background-image: url('../images/tickets/icon-cal-black@2x.png');
  background-repeat: no-repeat;
  background-position: 0px 6px;
  overflow: hidden;
  float: left;
  background-size: 80%;
  margin-right: 10px;
}
.wrapper-tickets article.date section .wrapper-partner h4 {
  text-align: center;
}
.wrapper-tickets article.date section .wrapper-partner .wrapper-partner-logos .partner a img {
  margin: 0 auto;
}
.wrapper-tickets article.date.active header {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wrapper-tickets .tickets-visible-wrapper {
  padding: 0px;
}
.wrapper-tickets .tickets-visible {
  padding: 20px 0px;
}
.wrapper-tickets .tickets-visible .inner-text {
  padding: 0px;
}
.wrapper-tickets .tickets-visible .shows,
.wrapper-tickets .tickets-visible .wrapper-map {
  display: block;
  padding: 0px 10px;
  z-index: 20;
  position: relative;
  text-align: left;
}
.wrapper-tickets .tickets-visible .tickets-wrapper {
  background-color: #fff;
  position: initial;
}
.wrapper-tickets .tickets-visible .tickets-wrapper:after {
  content: " ";
  background-color: #e5200e;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  display: none;
}
.wrapper-tickets .tickets-visible .ticket-link-special {
  margin-bottom: 80px;
}
.wrapper-tickets .tickets-visible .row {
  padding-bottom: 0px;
}
.wrapper-tickets .tickets-visible .show {
  padding: 10px 0;
  color: #000000;
}
.wrapper-tickets .tickets-visible p.date {
  margin: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
.wrapper-tickets .tickets-visible .buttons {
  text-align: right;
}
.wrapper-tickets .tickets-visible .map img {
  /*margin: @grid-gutter-width / 3 0;*/
  width: 100%;
}
.wrapper-tickets .tickets-visible .btn-tickets,
.wrapper-tickets .tickets-visible .ical-link {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
}
.wrapper-tickets .tickets-visible .btn-tickets strong,
.wrapper-tickets .tickets-visible .ical-link strong {
  color: #000000;
}
.wrapper-tickets .tickets-visible .btn-tickets {
  display: inline-block;
  top: -5px;
}
.wrapper-tickets .tickets-visible .ical-link {
  text-indent: -999px;
  width: 20px;
  height: 25px;
  background-image: url('../images/tickets/icon-cal-black@2x.png');
  background-repeat: no-repeat;
  background-position: 0px 3px;
  overflow: hidden;
  float: left;
  background-size: 90%;
  margin-right: 15px;
}
.wrapper-tickets .tickets-visible .wrapper-partner {
  padding: 10px 0px;
}
.wrapper-tickets .tickets-visible .wrapper-partner h4 {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  color: #000000;
  margin: 0px;
}
.wrapper-tickets .tickets-visible .wrapper-partner .sponsored-by {
  border-bottom: 1px solid #5d5d5d;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.wrapper-tickets .tickets-visible .wrapper-partner .wrapper-partner-logos {
  margin: 10px 0px;
}
.wrapper-tickets .tickets-visible .wrapper-partner .wrapper-partner-logos .partner {
  margin: 0px 10px 10px 0px;
  position: relative;
  z-index: 10;
  width: 100%;
  float: left;
}
.wrapper-tickets .tickets-visible .wrapper-partner .wrapper-partner-logos .partner a {
  display: block;
  padding: 10px;
  background-color: #FFF;
  text-align: center;
}
.wrapper-tickets .tickets-visible .wrapper-partner .wrapper-partner-logos .partner a img {
  max-width: 250px;
  margin: 0 auto;
}
.wrapper-tickets .tickets-visible .show-wrapper {
  padding: 10px 30px;
}
.wrapper-tickets .tickets-visible .hotels {
  position: relative;
  z-index: 20;
  background-color: #fff;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved {
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  margin-top: 40px;
  padding: 0px 0px 0px 50px;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved h4 {
  text-align: left;
  font-weight: 500;
  font-style: normal;
  font-size: 22px;
  margin-bottom: 0px;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved div > p > label {
  font-weight: 700;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved .powered-by {
  zoom: 1;
  line-height: 34px;
  vertical-align: baseline;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved .powered-by p {
  float: left;
  margin-right: 10px;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved .powered-by .trivago-logo {
  display: inline-block;
  width: 97px;
  height: 34px;
  background: url(../images/tickets/logo-trivago.png) no-repeat;
  margin-top: 15px;
  float: left;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved .btn-action {
  color: #fff;
  background-color: #e5200e;
  border: 0px;
  font-size: 17px;
  padding: 5px 15px;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved input[type="date"] {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  width: 80%;
  padding: 5px;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved select {
  width: 80%;
  padding: 5px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  height: 40px;
}
.wrapper-tickets .tickets-visible .hotels .trivago-improved .btn-wrapper {
  text-align: right;
  margin-right: 20%;
}
.wrapper-tickets .tickets-visible .hotels .trivago-small {
  margin-top: 10px;
}
.wrapper-tickets .tickets-visible .hotels .trivago-small .powered-by,
.wrapper-tickets .tickets-visible .hotels .trivago-small .btn-wrapper {
  text-align: center;
  margin-top: 0px;
}
.wrapper-tickets .tickets-visible .hotels .trivago-small .btn-action {
  color: #fff;
  background-color: #e5200e;
  border: 0px;
  padding: 5px 10px;
}
.wrapper-tickets .tickets-visible .hotels .trivago-small .trivago-logo {
  display: inline-block;
  width: 100%;
  height: 34px;
  background: url(../images/tickets/logo-trivago.png) no-repeat;
  float: left;
  background-position: center;
}
/*********************
HOME
*********************/
.post-home {
  padding: 0;
}
.post-home img {
  margin: 0 auto;
}
.post-home p.highlight {
  text-align: center;
  margin-top: -60px;
}
.post-home p.teaser {
  margin-top: 0;
}
.post-home .row {
  margin: 0;
}
.post-home h3 {
  margin-bottom: 0;
  font-size: 27px;
}
.post-home .social-wrapper {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px;
}
/***********************
PAGE
***********************/
.press header {
  text-align: center;
  padding-top: 10px;
}
.image-full-width {
  margin: 0px -5px;
}
.image-full-width img {
  height: auto;
  width: 100%;
}
.show-more {
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}
.home .commentaries-outer p.author {
  padding: 10px 10px 0px 0px;
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
}
.home .commentaries-outer .slick-dots li button {
  background: #e5200e;
}
.home .commentaries-outer .slick-dots li.slick-active button {
  /*background: transparent;
                        border: 1px solid @color-red;
                        border-radius: 10px;
                        width: 8px;
                        height: 14px;*/
}
.home .odd,
.home .even {
  position: relative;
  z-index: 10;
  display: flex;
}
.home .odd article,
.home .even article {
  display: inline-block;
  width: 100%;
  padding: 30px 0px 60px 0px;
}
.home .odd article h1,
.home .even article h1,
.home .odd article h2,
.home .even article h2,
.home .odd article h3,
.home .even article h3 {
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.home .odd article h1,
.home .even article h1 {
  font-size: 2em;
}
.home .odd article h2,
.home .even article h2 {
  font-size: 2em;
  font-weight: 700;
  font-style: italic;
}
.home .odd article h3,
.home .even article h3 {
  font-size: 1.7em;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
}
.home .odd article a,
.home .even article a {
  color: #fff;
}
.home .odd article header,
.home .even article header {
  display: none;
}
.home .odd article.post-faq header,
.home .even article.post-faq header {
  display: block;
  padding-top: 0px;
}
.home .odd article.post-faq header h3,
.home .even article.post-faq header h3 {
  font-size: 36px;
}
.home .odd article .keyvisual,
.home .even article .keyvisual {
  position: relative;
  z-index: 10;
  top: -100px;
}
.home .odd article .text,
.home .even article .text {
  z-index: 100;
}
.home .odd article .text h3,
.home .even article .text h3 {
  margin: 1.5em 0 1em 0;
}
.home .odd article .headline,
.home .even article .headline {
  z-index: 100;
}
.home .odd.press article header,
.home .even.press article header,
.home .odd.media article header,
.home .even.media article header,
.home .odd .post-faq article header,
.home .even .post-faq article header {
  display: block;
}
.home .odd.press article header h3,
.home .even.press article header h3,
.home .odd.media article header h3,
.home .even.media article header h3,
.home .odd .post-faq article header h3,
.home .even .post-faq article header h3 {
  font-size: 36px;
}
.home .odd.tickets article header,
.home .even.tickets article header {
  display: block;
}
.home .odd.tickets article header h3,
.home .even.tickets article header h3 {
  font-size: 26px;
}
.home .odd article {
  background-color: #fff;
}
.home .even article {
  background-color: #e5200e;
  color: #fff;
}
.home .even article h1,
.home .even article h2,
.home .even article h3,
.home .even article strong {
  color: #fff;
}
.home .even article p:last-child {
  margin-bottom: 0px;
}
.home .press {
  background-color: #e5200e;
}
.home .press article {
  background-color: transparent;
}
.home .press h3 {
  color: #fff;
}
.home .commentaries-outer p {
  color: #fff;
}
.home .commentaries-outer .slick-dots li button {
  background: #fff;
}
.home .commentaries-outer .slick-dots li.slick-active button {
  background-color: #e5200e;
  border: 1px solid #fff;
}
.home article header {
  display: block;
}
/***********************
SLIDE
***********************/
.post-slider {
  padding: 0px !important;
}
.post-slider .keyvisual {
  top: initial !important;
}
.post-slider .slide-mobile-wrapper img,
.post-slider .layerslider-wrapper img {
  width: 100%;
}
/***********************
PRESS
***********************/
.press article header {
  padding-top: 0px;
}
/***********************
SPONSOR
***********************/
.post-sponsored-by {
  padding: 20px 0px !important;
}
.sponsors article {
  padding: 10px 0px;
  text-align: center;
}
.sponsors article header {
  display: none;
}
.sponsors article a {
  display: block;
  text-align: center;
}
.sponsors article a img {
  margin: 0 auto;
}
.keyvisual-wrapper .keyvisual .image img {
  width: 100%;
}
.page-keyvisual {
  display: none;
  position: relative;
  z-index: 10;
}
.seperator {
  position: relative;
  display: block;
  background-size: 100% auto;
  margin: 50px auto 70px auto;
  width: 90%;
  height: 5px;
  z-index: 10;
}
body.home img.copyright {
  position: absolute;
  top: 130px;
  right: 10px;
}
body.home .teaser-partner-wrapper {
  width: 90%;
  margin: 0 auto;
}
body.home .post-creatives {
  padding: 0px !important;
}
body.home .post-creatives.hidden-home-xs {
  display: none;
}
body.home .post-creatives .row-wrapper {
  padding: 80px 0;
  display: table;
}
body.home .post-creatives h1,
body.home .post-creatives h2 {
  text-align: left;
}
body.home .post-creatives h1 {
  text-transform: uppercase;
  font-size: 30px;
  padding-right: 20px;
}
body.home .post-creatives h2 {
  margin-bottom: 0.5em;
}
body.home .post-creatives p {
  padding-right: 20px;
}
body.home .post-creatives .oembed {
  margin-top: 70px;
}
body.home .post-video {
  background-size: 200% auto;
}
body.home .post-galerie {
  background-size: 200% auto;
  text-align: center;
}
body.home .post-galerie p {
  margin-bottom: 60px;
}
.btn-main-page {
  display: none;
}
.gform_wrapper {
  max-width: 800px;
  padding: 0 50px;
  margin: 0 auto;
}
.gform_wrapper ul li.gfield {
  margin-bottom: 20px;
}
.gform_wrapper ul li.gfield.add-image {
  clear: none;
  float: left;
  width: 75%;
  padding-right: 50px;
}
.gform_wrapper ul li.gfield.image {
  float: right;
  width: 25%;
  clear: none;
}
.gform_wrapper ul li.gfield.image-clear:after {
  content: "\00a0";
  clear: both;
}
.gform_wrapper .top_label .gfield_label {
  font-weight: 300;
  font-size: 19px;
  color: #e5200e;
}
.gform_wrapper .gform_page_footer {
  border: none;
}
.gform_wrapper ul li.gfield.gsection {
  background-size: contain;
  height: 1px;
  padding: 0;
  border: none;
  margin: 60px 0 40px 0;
}
.gform_wrapper ul li.gfield.gsection h2 {
  display: none;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper textarea {
  background: none;
  border: 2px solid #e5200e;
  border-radius: 10px;
  color: #fff;
  padding: 5px;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_page_footer .button.gform_button {
  position: relative;
  border: 1px solid #e5200e;
  padding: 5px 20px;
  border-radius: 10px;
  display: inline-block;
  color: #fab920;
  text-decoration: none;
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  margin-bottom: 20px;
  background: none;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer .button.gform_next_button:hover,
.gform_wrapper .gform_page_footer .button.gform_button:hover {
  color: #fff;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button.btn-icon,
.gform_wrapper .gform_footer input.button.btn-icon,
.gform_wrapper .gform_footer input[type=submit].btn-icon,
.gform_wrapper .gform_page_footer .button.gform_next_button.btn-icon,
.gform_wrapper .gform_page_footer .button.gform_button.btn-icon {
  padding-left: 70px;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button.btn-icon i,
.gform_wrapper .gform_footer input.button.btn-icon i,
.gform_wrapper .gform_footer input[type=submit].btn-icon i,
.gform_wrapper .gform_page_footer .button.gform_next_button.btn-icon i,
.gform_wrapper .gform_page_footer .button.gform_button.btn-icon i {
  display: block;
  position: absolute;
  background: #e5200e;
  width: 55px;
  height: 38px;
  top: -1px;
  left: -1px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button.btn-icon.btn-icon-tickets i,
.gform_wrapper .gform_footer input.button.btn-icon.btn-icon-tickets i,
.gform_wrapper .gform_footer input[type=submit].btn-icon.btn-icon-tickets i,
.gform_wrapper .gform_page_footer .button.gform_next_button.btn-icon.btn-icon-tickets i,
.gform_wrapper .gform_page_footer .button.gform_button.btn-icon.btn-icon-tickets i {
  background-size: 28px 17px;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button.btn-icon.btn-icon-video i,
.gform_wrapper .gform_footer input.button.btn-icon.btn-icon-video i,
.gform_wrapper .gform_footer input[type=submit].btn-icon.btn-icon-video i,
.gform_wrapper .gform_page_footer .button.gform_next_button.btn-icon.btn-icon-video i,
.gform_wrapper .gform_page_footer .button.gform_button.btn-icon.btn-icon-video i {
  background-size: 28px 23px;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button.btn-icon.btn-icon-gallery i,
.gform_wrapper .gform_footer input.button.btn-icon.btn-icon-gallery i,
.gform_wrapper .gform_footer input[type=submit].btn-icon.btn-icon-gallery i,
.gform_wrapper .gform_page_footer .button.gform_next_button.btn-icon.btn-icon-gallery i,
.gform_wrapper .gform_page_footer .button.gform_button.btn-icon.btn-icon-gallery i {
  background-size: 26px 19px;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button.btn-icon.btn-icon-pano i,
.gform_wrapper .gform_footer input.button.btn-icon.btn-icon-pano i,
.gform_wrapper .gform_footer input[type=submit].btn-icon.btn-icon-pano i,
.gform_wrapper .gform_page_footer .button.gform_next_button.btn-icon.btn-icon-pano i,
.gform_wrapper .gform_page_footer .button.gform_button.btn-icon.btn-icon-pano i {
  background-size: 32px 22px;
}
.gform_wrapper .gform_page_footer .button.gform_previous_button.btn-icon.btn-icon-casting i,
.gform_wrapper .gform_footer input.button.btn-icon.btn-icon-casting i,
.gform_wrapper .gform_footer input[type=submit].btn-icon.btn-icon-casting i,
.gform_wrapper .gform_page_footer .button.gform_next_button.btn-icon.btn-icon-casting i,
.gform_wrapper .gform_page_footer .button.gform_button.btn-icon.btn-icon-casting i {
  background-size: 19px 22px;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_page_footer .button.gform_button {
  float: right;
}
.gform_wrapper .gfield_required {
  color: #e5200e;
}
.gform_page_footer:before,
.gform_page_footer:after {
  content: " ";
  display: table;
}
.gform_page_footer:after {
  clear: both;
}
.gform_page_footer:before,
.gform_page_footer:after {
  content: " ";
  display: table;
}
.gform_page_footer:after {
  clear: both;
}
.teammembers .team {
  z-index: 10;
  min-height: 310px;
}
.teammembers .team .overlay {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 184px;
  height: 184px;
  display: none;
}
.teammembers .team .close {
  position: absolute;
  right: 5px;
  top: -22px;
  display: none;
  width: 0px;
  height: 0px;
  background-color: #e5200e;
  border-radius: 45px;
  color: #000;
  padding: 8px 0px 0px 17px;
}
.teammembers .team a {
  text-decoration: none;
}
.teammembers .team a img {
  border: 2px solid #fff;
}
.teammembers .team a:hover img {
  border-color: #e5200e;
}
.teammembers .team a:hover h4 {
  color: #e5200e;
}
.teammembers .team h4,
.teammembers .team .function {
  /*font-family: "adobe-garamond-pro", serif;*/
}
.teammembers .team h4 {
  font-size: 22px;
  margin-bottom: 0em;
  margin-top: 0.5em;
}
.teammembers .team .function {
  color: #fff;
  margin-top: 0em;
}
.teammembers .team .info {
  display: none;
}
.teammembers .team.active {
  z-index: 100;
}
.teammembers .team.active .close {
  display: block;
  width: 45px;
  height: 45px;
}
.teammembers .team.active a img {
  border: 2px solid #e5200e;
}
.teammembers .team.inactive .overlay {
  display: block;
  background-color: #000;
  opacity: 0.5;
}
.teammembers .team.inactive h4 {
  color: #4b370a;
}
.teammembers .team.inactive .function {
  color: #4c4c4c;
}
.teammembers .team.inactive:hover .overlay {
  display: none;
}
.single.single-teammember article img {
  display: block;
  margin: 0 auto;
  border: 2px solid #fff;
}
.single.single-teammember article header h1 {
  font-size: 22px;
}
.single.single-teammember article header p {
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-family: "adobe-garamond-pro", serif;
}
.single-teammember .post-team {
  padding: 0;
  border-top: 10px solid #e5200e;
  padding: 40px 10% 40px 10%;
  text-align: center;
  background-color: #FFF;
  padding-bottom: 50px;
}
.single-teammember .post-team img {
  border-radius: 50%;
  display: block;
  height: auto;
  width: 200px;
  margin: 0px auto 10px auto;
}
.single-teammember .post-team header h1 {
  font-size: 22px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  margin: 10px 0px;
  text-shadow: none;
  text-align: center;
}
.single-teammember .post-team header p {
  margin: 10px 0px;
  text-align: center;
}
.single-teammember .post-team .text {
  margin: 20px 0px;
  text-align: left;
  max-width: 600px;
  margin: 0px auto;
}
.accomodations .category {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 48px;
  margin: 1.5em auto;
}
.accomodations .category .name {
  text-align: center;
  color: #000;
  background-color: #e5200e;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-top: 0.2em;
  height: 36px;
  width: 25%;
  float: left;
  position: relative;
}
.accomodations .category .name .fa-star {
  margin-right: 0.2em;
  font-size: 0.65em;
}
.accomodations .category .name .fa-star:last-child {
  margin-right: 0px;
}
.accomodations .category .name.emptystars {
  display: none;
}
.accomodations .category .description {
  color: #e5200e;
  background-color: #000;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 1px solid #e5200e;
  border-right: 1px solid #e5200e;
  border-bottom: 1px solid #e5200e;
  padding-left: 2em;
  width: 75%;
  float: left;
  position: relative;
  text-transform: uppercase;
}
.accomodations .category .description h3 {
  margin: 0.4em auto 0.2em auto;
  font-weight: bold;
}
.accomodations .category .description.full-width {
  border-left: 1px solid #e5200e;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
}
.accomodations .accomodation {
  position: relative;
  z-index: 10;
  border-radius: 10px;
  height: 50px;
  -webkit-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s;
  overflow: hidden;
  margin-bottom: 10px;
}
.accomodations .accomodation .headline {
  position: relative;
  z-index: 10;
  height: 50px;
  background-color: #FFF;
  border-radius: 10px;
}
.accomodations .accomodation .headline:hover {
  cursor: pointer;
}
.accomodations .accomodation .headline .logo,
.accomodations .accomodation .headline h3 {
  float: left;
}
.accomodations .accomodation .headline .logo:last-child,
.accomodations .accomodation .headline h3:last-child {
  clear: both;
}
.accomodations .accomodation .headline .logo {
  display: none;
  padding: 4px 10px;
  height: 50px;
  width: 150px;
  vertical-align: middle;
}
.accomodations .accomodation .headline .logo img {
  max-height: 40px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.accomodations .accomodation .headline h3 {
  padding: 11px 2em;
  margin: 0px 0px;
  font-family: "lato", sans-serif;
  color: #000;
  display: block;
  text-overflow: ellipsis;
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
}
.accomodations .accomodation .headline .price-from {
  display: none;
  padding: 12px 10px;
  float: right;
  font-family: "lato", sans-serif;
  color: #000;
  font-size: 14px;
}
.accomodations .accomodation .content {
  background-color: #e2e2e2;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #5d5d5d;
  line-height: 1.4em;
  height: auto;
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 100%;
}
.accomodations .accomodation.active {
  height: 100%;
}
.accomodations .accomodation.active .headline {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.accomodations .accomodation.active .content .media,
.accomodations .accomodation.active .content .text {
  position: relative;
  z-index: 10;
  float: left;
}
.accomodations .accomodation.active .content .media {
  padding: 20px 0px;
}
.accomodations .accomodation.active .content .media a {
  display: block;
  width: 210px;
  margin: 0 auto;
  margin: 20px;
  padding: 0px;
}
.accomodations .accomodation.active .content .text {
  padding: 10px 20px;
}
.accomodations .accomodation.active .content .text h5 {
  font-size: 1em;
  color: #e5200e;
  margin: 0.5em auto;
}
.accomodations .accomodation.active .content .text ul {
  padding-left: 20px;
}
.accomodations .accomodation.active .content .text ul li {
  list-style-type: disc;
}
.accomodations .accomodation.active .content .text strong,
.accomodations .accomodation.active .content .text b,
.accomodations .accomodation.active .content .text a {
  color: #5d5d5d;
}
.accomodations .accomodation.active .content .text .packages .package .title,
.accomodations .accomodation.active .content .text .packages .package .price {
  margin-right: 3em;
}
.accomodations .accomodation.active .content .text .packages .package .url a {
  color: #e5200e;
}
body.home .post-home .inner-wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .red-xs {
    background-color: #fff;
  }
  .visible-home-sm {
    display: block !important;
  }
  .home .even,
  .home .odd {
    position: initial;
  }
  .home header.header-main.active {
    background: none;
    background-color: #e5200e;
  }
  .nav-logo {
    position: absolute;
    z-index: 100;
    left: 20px;
    top: 15px;
    width: 110px;
  }
  #grid[data-columns]::before {
    content: '2 .column.size-1of2';
  }
  #grid {
    width: 70%;
    margin: 0 auto;
  }
  /* These are the classes that are going to be applied: */
  .column {
    float: left;
  }
  .size-1of2 {
    width: 44.9999%;
    margin: 0 1%;
  }
  .commentaries-outer p {
    font-size: 18px;
  }
  .commentaries-outer .commentaries .commentaries-image {
    position: absolute;
    z-index: 10;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
  }
  .commentaries-outer .commentaries .commentaries-image img {
    width: 100%;
    margin: 0 auto;
  }
  .commentaries-outer .commentaries .commentaries-lg-inner {
    position: relative;
    z-index: 20;
    min-height: 550px;
  }
  .commentaries-outer .commentaries .commentaries-lg-inner .commentary {
    z-index: 100;
    width: 250px;
  }
  .commentaries-outer .commentaries .commentaries-lg-inner .commentary.pos0 {
    position: absolute;
    z-index: 10;
    top: -3%;
    left: 15%;
    transform: translate(-15%, 3%);
    -o-transform: translate(-15%, 3%);
    -ms-transform: translate(-15%, 3%);
    -moz-transform: translate(-15%, 3%);
    -webkit-transform: translate(-15%, 3%);
  }
  .commentaries-outer .commentaries .commentaries-lg-inner .commentary.pos1 {
    position: absolute;
    z-index: 10;
    top: 5%;
    right: 22%;
    transform: translate(22%, -5%);
    -o-transform: translate(22%, -5%);
    -ms-transform: translate(22%, -5%);
    -moz-transform: translate(22%, -5%);
    -webkit-transform: translate(22%, -5%);
  }
  .commentaries-outer .commentaries .commentaries-lg-inner .commentary.pos2 {
    position: absolute;
    z-index: 10;
    top: 70%;
    left: 10%;
    transform: translate(-10%, -70%);
    -o-transform: translate(-10%, -70%);
    -ms-transform: translate(-10%, -70%);
    -moz-transform: translate(-10%, -70%);
    -webkit-transform: translate(-10%, -70%);
  }
  .commentaries-outer .commentaries .commentaries-lg-inner .commentary.pos3 {
    position: absolute;
    z-index: 10;
    top: 63%;
    right: 12%;
    transform: translate(12%, -63%);
    -o-transform: translate(12%, -63%);
    -ms-transform: translate(12%, -63%);
    -moz-transform: translate(12%, -63%);
    -webkit-transform: translate(12%, -63%);
  }
  .commentaries-outer .commentaries .commentaries-lg-inner .commentary.pos4 {
    position: absolute;
    z-index: 10;
    top: 90%;
    right: 50%;
    transform: translate(50%, -90%);
    -o-transform: translate(50%, -90%);
    -ms-transform: translate(50%, -90%);
    -moz-transform: translate(50%, -90%);
    -webkit-transform: translate(50%, -90%);
  }
  /*********************
COMPONENTS
*********************/
  header.header-main {
    min-height: initial;
    position: fixed;
    height: 65px;
  }
  header.header-main nav.wrapper-nav-main {
    position: absolute;
    right: 65px;
    top: 0px;
    padding-top: 0px;
  }
  header.header-main nav.wrapper-nav-main > ul > li {
    float: left;
    margin: 0px;
    font-size: 0.8em;
  }
  header.header-main nav.wrapper-nav-main > ul > li > a {
    padding: 23px 20px 24px 20px;
    text-decoration: none;
  }
  header.header-main nav.wrapper-nav-main > ul > li:hover {
    background-color: #fff;
    cursor: pointer;
  }
  header.header-main nav.wrapper-nav-main > ul > li:hover > a {
    text-decoration: none;
    color: #e5200e;
  }
  header.header-main.sticky nav.wrapper-nav-main > ul > li.current-menu-item,
  header.header-main.sticky nav.wrapper-nav-main > ul > li:hover {
    background-color: #fff;
  }
  header.header-main.sticky nav.wrapper-nav-main > ul > li.current-menu-item > a,
  header.header-main.sticky nav.wrapper-nav-main > ul > li:hover > a {
    text-decoration: none;
    color: #e5200e;
  }
  /***********************
SPONSOR
***********************/
  .sponsors article a {
    display: inline-block;
  }
  .wrapper-partner .partner a img {
    max-width: 205px;
    width: 80%;
  }
  .social-wrapper {
    z-index: 10;
    position: absolute;
    right: 25px;
    top: 10px;
    left: auto;
  }
  .hidden-home-xs {
    display: block;
  }
  article .presented-by {
    font-size: 0.63em;
    text-align: center;
    margin: 10px auto;
    font-weight: bold;
  }
  article header {
    font-size: 56px;
  }
  article > div.bg-image {
    background-size: 200%;
  }
  article .part-fresher {
    background-image: url("/wp-content/uploads/sites/11/2015/10/freisteller_03@2x.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px 10px;
  }
  article .part-funnier {
    background-image: url("/wp-content/uploads/sites/11/2015/10/freisteller_02@2x.jpg");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 80% 10px;
  }
  .wrapper-tickets article.date header {
    display: block;
    min-height: 120px;
    padding: 20px 40px 20px 40px;
  }
  .wrapper-tickets article.date header .col-xs-12 {
    margin-bottom: 20px;
  }
  .wrapper-tickets article.date header:after {
    top: 22%;
  }
  .wrapper-tickets article.date header .show-dates p.date {
    font-size: 20px;
  }
  .wrapper-tickets article.date.active header {
    opacity: 1;
  }
  .wrapper-tickets article.date h3 {
    font-weight: bold;
    display: block;
  }
  .wrapper-tickets article.date h3:after {
    content: '';
  }
  .wrapper-tickets article.date p.venue {
    display: block;
  }
  .wrapper-tickets .tickets-visible .wrapper-map {
    padding: 0px;
  }
  .wrapper-tickets .tickets-visible .tickets-wrapper {
    background-color: #e5200e;
    background-image: url('../images/splash@2x.png');
    background-repeat: no-repeat;
    background-position: right -300px bottom -150px;
    background-size: 61%;
  }
  .wrapper-tickets .tickets-visible .tickets-wrapper:after {
    display: block;
    position: relative;
  }
  .wrapper-tickets .tickets-visible .show-wrapper .show-headline {
    text-align: left;
    line-height: 1;
  }
  .wrapper-tickets .tickets-visible .show-wrapper .show-headline h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 0px;
    text-transform: uppercase;
  }
  .wrapper-tickets .tickets-visible .show-wrapper .show-headline p.venue {
    color: #fff;
    font-size: 18px;
    margin-top: 0px;
  }
  .wrapper-tickets .tickets-visible .show-wrapper .show,
  .wrapper-tickets .tickets-visible .show-wrapper .btn-tickets,
  .wrapper-tickets .tickets-visible .show-wrapper .ical-link,
  .wrapper-tickets .tickets-visible .show-wrapper p.date,
  .wrapper-tickets .tickets-visible .show-wrapper .wrapper-partner h4 {
    color: #fff;
    font-size: 16px;
  }
  .wrapper-tickets .tickets-visible .show-wrapper .ical-link {
    margin-right: 10px;
  }
  .wrapper-tickets .tickets-visible .show-wrapper .btn-tickets {
    margin-top: 0px;
    top: 0px;
  }
  .wrapper-tickets .tickets-visible .wrapper-partner h4 {
    text-align: left;
  }
  .wrapper-tickets .tickets-visible .wrapper-partner .wrapper-partner-logos .partner {
    width: auto;
  }
  .wrapper-tickets .tickets-visible .wrapper-partner .wrapper-partner-logos .partner a img {
    max-width: 180px;
  }
  .wrapper-tickets .tickets-visible .ical-link {
    background-image: url('../images/tickets/icon-cal@2x.png');
    background-position: 0px 3px;
  }
  .wrapper-tickets .tickets-visible.active .shows {
    /*.resizeBg(resizeBg, .5s, .1s);*/
  }
  .image-full-width {
    margin: 0px;
  }
  .page-keyvisual {
    display: block;
  }
  .page-keyvisual .keyvisual {
    position: relative;
    z-index: 10;
    left: 0px;
    top: 0px;
    width: 100%;
  }
  .page-keyvisual .claim {
    z-index: 20;
    max-width: 45%;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .page-keyvisual .video {
    position: relative;
    padding-bottom: 55.25%;
    /* 16:9 */
    padding-top: 15px;
    height: 0;
  }
  .page-keyvisual .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .post-creatives .background,
  .post-tickets .background {
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
  }
  .post-creatives .background.broom,
  .post-tickets .background.broom {
    left: 0px;
    top: 0px;
    background-size: 85%;
    background-position: -50% 30%;
  }
  .post-creatives .background.ton,
  .post-tickets .background.ton {
    right: 0px;
    top: 0px;
    background-size: 50%;
    background-position: bottom -12% right -10%;
  }
  .post-creatives .background.rim,
  .post-tickets .background.rim {
    top: 0px;
    right: 0px;
    background-size: 42%;
    background-position: bottom 10% right -13%;
  }
  .post-creatives .background.houghton,
  .post-tickets .background.houghton {
    top: 0px;
    left: 0px;
    background-size: 35%;
    background-position: top left;
  }
  .post-creatives .background.paper,
  .post-tickets .background.paper {
    top: 0px;
    left: 0px;
    background-size: 35%;
    background-position: top left 45%;
  }
  .post-creatives .background.tea,
  .post-tickets .background.tea {
    top: 0px;
    right: 0px;
    background-size: 50%;
    background-position: top right;
  }
  .post-team img {
    border-radius: 50%;
    display: block;
    height: auto;
    width: 200px;
    margin: 0px auto 10px auto;
  }
  .post-team header h1 {
    font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin: 10px 0px;
    text-shadow: none;
    text-align: center;
  }
  .post-team header p {
    margin: 10px 0px;
    text-align: center;
  }
  .post-team .text {
    margin: 20px 0px;
    text-align: left;
    max-width: 600px;
    margin: 0px auto;
  }
  .footer-main ul {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
  }
  .footer-main ul li {
    float: none;
    display: inline-block;
  }
  .media .lazyYT-container .lazyYT-image-loaded {
    height: 170px;
  }
  .media .lazyYT-container iframe {
    height: 170px;
  }
  .fancybox-skin {
    border: 10px solid #e5200e !important;
  }
  .fancybox-skin .fancybox-inner article {
    padding: 20px 40px;
  }
  .fancybox-skin .fancybox-inner h1 {
    margin-top: 0;
  }
  .fancybox-skin .fancybox-inner .row {
    margin: 0;
  }
  .fancybox-skin .fancybox-inner .row article {
    border: none;
    -webkit-border-image: none;
    -moz-border-image: none;
    border-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .fancybox-skin .fancybox-inner .row article header {
    border: none;
    background: none;
    -webkit-border-image: none;
    -moz-border-image: none;
    border-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .fancybox-skin .fancybox-inner .post-team img {
    border-radius: 50%;
    display: block;
    height: auto;
    width: 200px;
    margin: 0px auto 10px auto;
  }
  .fancybox-skin .fancybox-inner .post-team header h1 {
    font-size: 22px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin: 10px 0px;
    text-shadow: none;
    text-align: center;
  }
  .fancybox-skin .fancybox-inner .post-team header p {
    margin: 10px 0px;
    text-align: center;
  }
  .fancybox-skin .fancybox-inner .post-team .text {
    margin: 20px 0px;
    text-align: left;
    max-width: 600px;
    margin: 0px auto;
  }
}
@media only screen and (max-width: 768px) {
  .parallax-mirror {
    display: none;
  }
}
@media only screen and (min-width: 1180px) {
  .home header.header-main {
    position: fixed;
  }
  .home header.header-main .nav-bg {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
    height: 65px;
    top: 0px;
    left: 0px;
    opacity: 0;
    background-color: #e5200e !important;
  }
  .home header.header-main.sticky .nav-bg {
    animation: fadeIn 0.5s ease-in;
    -o-animation: fadeIn 0.5s ease-in;
    -ms-animation: fadeIn 0.5s ease-in;
    -moz-animation: fadeIn 0.5s ease-in;
    -webkit-animation: fadeIn 0.5s ease-in;
    animation-fill-mode: forwards;
    opacity: 1\9;
  }
  .home header.header-main,
  .home header.header-main.active,
  .home header.header-main.sticky {
    background-color: transparent;
  }
  nav.wrapper-nav-main > ul > li > a {
    padding: 23px 24px 24px 24px;
  }
  .wrapper-tickets {
    padding: 80px 0px;
  }
  .wrapper-tickets article.date {
    float: none;
    max-width: 550px;
  }
  #grid {
    width: 100%;
  }
  .social-wrapper {
    top: 16px;
  }
  .social-wrapper .social {
    font-size: 1em;
  }
  .media .lazyYT-container .lazyYT-image-loaded {
    height: 260px;
  }
  .media .lazyYT-container iframe {
    height: 260px;
  }
}
@media only screen and (min-width: 1400px) {
  .post-show .background.broom {
    background-position: bottom 65% left -60%;
  }
  /*********************
MEDIA
*********************/
  .home .odd.tickets article header h3,
  .home .even.tickets article header h3 {
    font-size: 23px;
  }
}
@media only screen and (min-width: 1700px) {
  .post-show .background.broom {
    background-position: bottom 60% left -60%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
Site Name: Stomp 2015
Author: Schreiber & Freunde GmbH

Stylesheet: Retina Screens & Devices Stylesheet
******************************************************************/
}
@media print {
  /******************************************************************
Site Name: Stomp 2015
Author: Schreiber & Freunde GmbH

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}