@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600");
@import url("//fonts.googleapis.com/css?family=Arvo:400,700");
/******************************************************************
Site Name: Child Theme
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: Child Theme
Author: Schreiber & Freunde GmbH

Stylesheet: All Variables of the LESS-Stylesheet are set here
******************************************************************/
/******************************************************************
Site Name: www.rocky-horror-show.de
Author: Philipp Schreiber / Schreiber & Freunde GmbH

Stylesheet: Mixins & Constants Stylesheet

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*********************
GENERAL
*********************/
/*********************
STYLE
*********************/
/*********************
VERTICAL ALIGN
*********************/
/*********************
VIDEOS
*********************/
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
  border: 2px solid #c01b26;
  background: #000000;
  -webkit-box-shadow: 0px 0px 80px 10px #988675;
  -moz-box-shadow: 0px 0px 80px 10px #988675;
  box-shadow: 0px 0px 80px 10px #988675;
}
.flex-video.widescreen {
  padding-bottom: 57.25%;
}
.flex-video.vimeo {
  padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video {
    padding-top: 0;
  }
}
/*********************
FONTS
*********************/
/*********************
BUTTONS
*********************/
input[type="submit"],
.btn {
  display: inline-block;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  -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;
  background: none;
  border: 2px solid #534943;
  color: #534943 !important;
  padding: 0 10px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 700;
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 23px;
}
input[type="submit"]:hover,
.btn:hover,
input[type="submit"]:active,
.btn:active {
  color: #534943 !important;
}
.arrow-btn {
  position: relative;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  border: 2px solid #c01b26;
  background: #3e0b0e;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  z-index: 100;
}
.arrow-btn span {
  display: block;
  margin: 10px auto;
  background-image: url(../images/common/arrows@2x.png);
  background-size: 41px 32px;
  background-position: -2px -12px;
  width: 12px;
  height: 19px;
}
.arrow-btn.arrow-btn-right span {
  background-position: -13px -13px;
}
.arrow-btn.arrow-btn-up span,
.arrow-btn.arrow-btn-down span {
  width: 20px;
  height: 12px;
  margin: 14px auto;
  background-position: 0 -1px;
}
.arrow-btn.arrow-btn-down span {
  margin: 16px auto;
  background-position: -21px 0px;
}
.arrow-btn-wrapper {
  margin: 0 auto;
  position: relative;
  width: 45px;
  height: 45px;
}
.arrow-btn-wrapper:after {
  position: absolute;
  z-index: 90;
  content: '';
  width: 50px;
  height: 35px;
  top: 27px;
  left: -2px;
  background-image: url('../images/common/Button_01_45PX.gif');
}
/*********************
TOOLS
*********************/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@-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: 1199px) {
  .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: 1200px) 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: 1199px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) 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;
  }
}
/******************************************************************
Site Name: Child Theme
Author: Schreiber & Freunde GmbH

Stylesheet: Base Mobile Stylesheet

******************************************************************/
/*********************
GENERAL STYLES
*********************/
html,
body {
  width: 100%;
}
body {
  font-weight: 400;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  position: relative;
  background-color: #988675;
  color: #534943;
  max-width: 100%;
  margin: 0 auto;
  background: url(../images/common/background.jpg) no-repeat center center fixed;
  background-size: cover;
}
img {
  max-width: 100%;
}
pre {
  overflow: auto;
  width: 800px;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
}
.wrapper-main {
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.background-images {
  display: none;
}
/*********************
HEADER STYLES
*********************/
.page .teaser {
  display: none;
}
.home.page .teaser {
  display: block;
  width: 100%;
  background-color: #702e32;
  padding: .5rem 0 .2rem;
}
.home.page .teaser .teaser-content {
  max-width: 50%;
  margin: 0 auto;
  color: #afa487;
  font-family: 'Arvo', serif;
  font-size: 1rem;
  text-align: center;
  display: table;
}
.home.page .teaser .teaser-content .teaser-text,
.home.page .teaser .teaser-content .teaser-image {
  position: relative;
  z-index: 10;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.home.page .teaser .teaser-content .teaser-image img {
  margin-right: 15px;
  max-height: 60px;
}
.home.page .teaser .teaser-content .teaser-text {
  padding-bottom: 0.2rem;
}
.home.page .teaser .teaser-content h1,
.home.page .teaser .teaser-content h2,
.home.page .teaser .teaser-content h3,
.home.page .teaser .teaser-content h4,
.home.page .teaser .teaser-content h5,
.home.page .teaser .teaser-content p,
.home.page .teaser .teaser-content strong,
.home.page .teaser .teaser-content a,
.home.page .teaser .teaser-content p {
  color: #afa487;
}
.home.page .teaser .teaser-content h1,
.home.page .teaser .teaser-content h2,
.home.page .teaser .teaser-content h3,
.home.page .teaser .teaser-content h4,
.home.page .teaser .teaser-content h5 {
  display: inline-block;
  font-size: 1.4rem;
  margin: 0;
}
.home.page .teaser .teaser-content a {
  text-decoration: none;
}
header.header-main {
  zoom: 1;
  -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;
  position: relative;
  /* Language-Switcher */
  /* Navigation */
  /* Social Media */
  /* Mobile Navigation */
  /* Logo Tablet-Version */
  /* Quote of the week */
}
header.header-main:before,
header.header-main:after {
  content: "";
  display: table;
}
header.header-main:after {
  clear: both;
}
header.header-main .wrapper-lang {
  display: none;
}
header.header-main .wrapper-lang ul {
  margin: 0px;
}
header.header-main .wrapper-lang ul li {
  border-bottom: 1px solid #988675;
}
header.header-main .wrapper-lang ul li a {
  font-size: 14px;
  background: #a59066;
  color: #726257;
  display: block;
  font-weight: 700;
  padding: 9px 30px 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
}
header.header-main .wrapper-lang ul li.active a {
  background: #a07765;
}
header.header-main .wrapper-nav-main {
  font-size: 23px;
  line-height: 36px;
  background-image: url(../images/common/border_horizontal.png);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  display: none;
  font-family: 'Arvo', serif;
  font-weight: 600;
}
header.header-main .wrapper-nav-main ul {
  margin: 0;
}
header.header-main .wrapper-nav-main li a {
  background-color: #726358;
  background-image: url(../images/common/border_horizontal.png);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  color: #afa487;
  display: block;
  padding: 2px 15px 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
header.header-main .wrapper-nav-main li a:hover {
  background: #534943;
  color: #918472;
}
header.header-main .wrapper-nav-main li ul {
  background-image: url(../images/common/border_horizontal.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  display: none;
  padding-top: 1px;
}
header.header-main .wrapper-nav-main li ul li a {
  padding-left: 60px;
}
header.header-main .wrapper-nav-main li.current-menu-item > a,
header.header-main .wrapper-nav-main li.current-page-ancestor > a,
header.header-main .wrapper-nav-main li.current-menu-ancestor > a,
header.header-main .wrapper-nav-main li.current-menu-parent > a {
  background: #534943;
  color: #918472;
}
header.header-main .wrapper-nav-main li.logo {
  display: none;
}
header.header-main .wrapper-nav-main li.logo > a {
  display: block;
  margin: 0 auto;
  background: #c7b39a url(../images/common/chako-logo.jpg) 50% 50% no-repeat !important;
  background-size: 80% 80%;
  text-indent: -999em;
  height: 81px;
}
header.header-main .wrapper-nav-main li.current-menu-item > ul,
header.header-main .wrapper-nav-main li.current-page-ancestor > ul,
header.header-main .wrapper-nav-main li.current-menu-ancestor > ul,
header.header-main .wrapper-nav-main li.current-menu-parent > ul {
  display: block;
}
header.header-main .wrapper-share {
  zoom: 1;
  display: none;
  padding-right: 15px;
  text-align: center;
}
header.header-main .wrapper-share:before,
header.header-main .wrapper-share:after {
  content: "";
  display: table;
}
header.header-main .wrapper-share:after {
  clear: both;
}
header.header-main .wrapper-share li {
  text-align: center;
  display: inline-block;
  overflow: hidden;
  line-height: 40px;
  -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 .wrapper-share li a {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 700;
  font-size: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 auto;
  color: #534943;
  text-decoration: none;
  padding: 0px;
  display: block;
  height: 40px;
  width: 40px;
}
header.header-main .wrapper-share li a:hover {
  color: #726257;
}
header.header-main .wrapper-share li.facebook a {
  background-position: 0px 0;
}
header.header-main .wrapper-share li.twitter a {
  background-position: -40px 0;
}
header.header-main .wrapper-share li.instagram a {
  background-position: -80px 0;
}
header.header-main .wrapper-share li.youtube a {
  background-position: -120px 0;
}
header.header-main .nav-mobile {
  display: block;
}
header.header-main .nav-mobile .logo-mobile {
  display: block;
  float: left;
  width: 60%;
}
header.header-main .nav-mobile .logo-mobile img {
  display: block;
  float: left;
  height: auto;
  margin: 0 auto;
  width: 257px;
  max-width: 100%;
}
header.header-main .nav-mobile ul {
  border-left: 1px solid #988675;
  float: right;
  margin: 0px;
  width: 33%;
}
header.header-main .nav-mobile ul li {
  border-bottom: 1px solid #988675;
}
header.header-main .nav-mobile ul li a {
  font-size: 18px;
  line-height: 29px;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 1px 15px 1px 15px;
  font-weight: 400;
  text-decoration: none;
}
header.header-main .nav-mobile ul li a.toggle-nav-lang {
  background: #a59066;
  color: #726257;
}
header.header-main .nav-mobile ul li a.toggle-nav-main {
  background: #c97963;
  color: #5f534b;
}
header.header-main .nav-mobile ul li a.toggle-nav-share {
  background: #7d837a;
  color: #544845;
}
header.header-main .logo-sm {
  display: none;
}
header.header-main .logo-sm .logo {
  background: #c4b498 url(../images/common/chako-logo.jpg) 50% 50% no-repeat;
  display: block;
  height: 80px;
  text-indent: -999em;
}
header.header-main .wrapper-quote {
  background: #c97963;
  color: #5f534b;
  padding: 10px 15px 10px 30px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
}
header.header-main .wrapper-quote span {
  text-transform: uppercase;
}
header.header-main .wrapper-quote strong {
  font-family: 'Arvo', serif;
  text-transform: none;
}
/*********************
FOOTER STYLES
*********************/
footer.footer-main {
  background-color: #726257;
  background-image: url(../images/common/border_horizontal.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
footer.footer-main .footer-inner {
  min-height: 100%;
}
footer.footer-main .wrapper-nav-footer ul {
  margin: 0;
}
footer.footer-main .wrapper-nav-footer li {
  border-bottom: 1px solid #988675;
}
footer.footer-main .wrapper-nav-footer li a {
  font-size: 20px;
  color: #afa69c;
  padding: 2px 15px 0 30px;
  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;
  display: block;
}
footer.footer-main .wrapper-nav-footer li a:hover {
  color: #534943;
}
footer.footer-main .wrapper-nav-footer li.current-menu-item a {
  color: #534943;
  font-weight: 700;
}
footer.footer-main .countdown {
  height: 100%;
  font-size: 23px;
  line-height: 36px;
  background: #702e32;
  color: #9d7e6e;
  font-family: 'Arvo', serif;
  font-weight: 600;
  padding: 10px 15px 10px 30px;
  text-transform: uppercase;
}
footer.footer-main .countdown strong {
  font-size: 40px;
  line-height: 40px;
}
footer.footer-main .signet a {
  cursor: default;
  background: #726257 url(../images/common/design-by-signet@2x.png) 100% 100% no-repeat;
  background-size: 90px 46px;
  display: block;
  height: 46px;
  margin: 10px;
  text-indent: -999em;
}
div.copyright {
  padding: 15px;
  text-align: center;
}
div.copyright p {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
/*********************
GENERIC CONTENT STYLES
*********************/
.wrapper-main .content-wrapper {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  position: relative;
}
.wrapper-main .content-wrapper ::selection {
  background: #fff;
  color: #534943;
}
.wrapper-main .content-wrapper ::-moz-selection {
  background: #fff;
  color: #534943;
}
.wrapper-main .content-wrapper article {
  position: relative;
  z-index: 100;
  padding: 15px;
  background: #c97963;
  /* Headline */
}
.wrapper-main .content-wrapper article header h1 {
  font-size: 40px;
  line-height: 48px;
  color: #534943;
  font-family: 'Arvo', serif;
  font-weight: 700;
  margin: 10px 0px;
  text-transform: uppercase;
}
.wrapper-main .content-wrapper a {
  color: #534943;
}
.wrapper-main .content-wrapper a:hover {
  color: #c01b26;
}
/*********************
PAGE STYLES
*********************/
/* Zuhause */
body.home {
  /* Navigation colors */
  /* Content */
}
body.home header.header-main .wrapper-nav-main li ul,
body.home header.header-main .wrapper-nav-main li ul li a,
body.home header.header-main .wrapper-nav-main li.current-menu-item > a,
body.home header.header-main .wrapper-nav-main li.current-page-ancestor > a,
body.home header.header-main .wrapper-nav-main li.current-menu-ancestor > a,
body.home header.header-main .wrapper-nav-main li.current-menu-parent > a {
  background-color: #c97963;
  color: #5f534b;
}
body.home .content-wrapper > article {
  background: transparent;
  padding: 0;
}
body.home .content-wrapper > article header {
  display: none;
}
/* Chako */
body.chako {
  /* Navigation colors */
  /* Hide Background Image */
  /* Bilder */
}
body.chako header.header-main .wrapper-nav-main li ul,
body.chako header.header-main .wrapper-nav-main li ul li a,
body.chako header.header-main .wrapper-nav-main li.current-menu-item > a,
body.chako header.header-main .wrapper-nav-main li.current-page-ancestor > a,
body.chako header.header-main .wrapper-nav-main li.current-menu-ancestor > a,
body.chako header.header-main .wrapper-nav-main li.current-menu-parent > a {
  background-color: #195b64;
  color: #afa487;
}
body.chako .background-image {
  display: none;
}
body.chako.page-template-page-images-php {
  /* Content */
}
body.chako.page-template-page-images-php .images-outer {
  overflow: hidden;
}
body.chako.page-template-page-images-php .content-wrapper {
  max-width: 100%;
}
body.chako.page-template-page-images-php .content-wrapper > article {
  background: transparent;
  margin-left: 0px;
  padding: 0;
  width: 100%;
}
body.chako.page-template-page-images-php .content-wrapper > article div {
  padding: 0;
  margin: 0;
}
body.chako.page-template-page-images-php .content-wrapper > article div .right {
  float: right;
}
body.chako.page-template-page-images-php .content-wrapper > article img {
  display: block;
  height: auto;
  width: 100%;
}
/* Karibik */
body.page-id-211 .content-wrapper > article {
  background: #c4b599;
}
/* Termine */
body.termine {
  /* Navigation colors */
  /* Content */
}
body.termine header.header-main .wrapper-nav-main li ul,
body.termine header.header-main .wrapper-nav-main li ul li a,
body.termine header.header-main .wrapper-nav-main li.current-menu-item > a,
body.termine header.header-main .wrapper-nav-main li.current-page-ancestor > a,
body.termine header.header-main .wrapper-nav-main li.current-menu-ancestor > a,
body.termine header.header-main .wrapper-nav-main li.current-menu-parent > a {
  background-color: #7d837a;
  color: #544845;
}
body.termine .content-wrapper {
  padding: 0px;
}
body.termine .content-wrapper > article {
  padding: 15px;
  background: #c97963;
  /* Headline */
}
body.termine .content-wrapper > article .date-short-wrapper,
body.termine .content-wrapper > article .details {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.termine .content-wrapper > article header h1 {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 700;
  font-size: 40px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 48px;
  font-family: 'Arvo', serif;
  color: #534943;
  margin: 10px 0px 30px 0px;
}
body.termine .content-wrapper > article article.date {
  -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;
  padding: 0px 15px;
  margin: 0 -15px 0 -15px;
  background-image: url(../images/common/border_horizontal.png);
  background-position: 0% 100%;
  background-repeat: no-repeat;
}
body.termine .content-wrapper > article article.date h3,
body.termine .content-wrapper > article article.date p.venue,
body.termine .content-wrapper > article article.date p.date,
body.termine .content-wrapper > article article.date p.date_short {
  color: #534943;
  margin: 0;
}
body.termine .content-wrapper > article article.date h3 {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 700;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  font-family: 'Arvo', serif;
  padding-top: 5px;
}
body.termine .content-wrapper > article article.date p.venue {
  font-size: 20px;
  line-height: 1;
}
body.termine .content-wrapper > article article.date p.date_short {
  text-align: center;
}
body.termine .content-wrapper > article article.date p.date_short .day {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 700;
  font-size: 60px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  line-height: .8;
}
body.termine .content-wrapper > article article.date p.date_short .month {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 700;
  font-size: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: 'Arvo', serif;
  line-height: 1;
  padding-top: 5px;
  text-transform: uppercase;
}
body.termine .content-wrapper > article article.date p.date {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 700;
  font-size: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  margin-top: 10px;
}
body.termine .content-wrapper > article article.date p.date span.date {
  display: block;
}
body.termine .content-wrapper > article article.date p.date span.hint {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}
body.termine .content-wrapper > article article.date .buttons {
  text-align: right;
}
body.termine .content-wrapper > article article.date .buttons a {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 10px;
  -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;
}
body.termine .content-wrapper > article article.date .buttons a:hover {
  color: #afa487 !important;
}
body.termine .content-wrapper > article article.date .buttons a.btn {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.termine .content-wrapper > article article.date .buttons a.btn:hover {
  background-color: #afa487 !important;
  color: #534943 !important;
}
body.termine .content-wrapper > article article.date .wrapper-partner {
  text-align: left;
}
body.termine .content-wrapper > article article.date .wrapper-partner a {
  display: inline-block;
  width: 45%;
  margin-right: 5%;
  opacity: .8;
  -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;
  padding: 15px;
  border: 1px dotted #fff;
  margin-top: 15px;
}
body.termine .content-wrapper > article article.date .wrapper-partner a:hover {
  opacity: 1;
}
body.termine .content-wrapper > article article.date .wrapper-partner a:nth-child(2n+2) {
  margin-right: 0;
}
body.termine .content-wrapper > article .wrapper-partner {
  text-align: left;
  margin-bottom: 20px;
}
body.termine .content-wrapper > article .wrapper-partner .partner {
  width: 45%;
}
/* Program */
body.programm {
  /* Navigation colors */
  /* Content */
}
body.programm header.header-main .wrapper-nav-main li ul,
body.programm header.header-main .wrapper-nav-main li ul li a,
body.programm header.header-main .wrapper-nav-main li.current-menu-item > a,
body.programm header.header-main .wrapper-nav-main li.current-page-ancestor > a,
body.programm header.header-main .wrapper-nav-main li.current-menu-ancestor > a,
body.programm header.header-main .wrapper-nav-main li.current-menu-parent > a {
  background-color: #534943;
  color: #9d7e6e;
}
body.programm .content-wrapper {
  /* Different colors for the articles */
}
body.programm .content-wrapper > article {
  float: left;
  padding: 0px 0px 30px 0px;
  /* Headline */
  /* Image */
  /* Text */
}
body.programm .content-wrapper > article header {
  padding: 0px 15px;
}
body.programm .content-wrapper > article header h2 {
  font-size: 40px;
  line-height: 40px;
  color: #726257;
  margin: 10px 0px;
}
body.programm .content-wrapper > article header h2 span {
  font-size: 20px;
  color: #534943;
  display: block;
  text-transform: uppercase;
}
body.programm .content-wrapper > article .image-wrapper img {
  width: 100%;
  height: auto;
}
body.programm .content-wrapper > article .content-wrapper {
  padding: 0px 15px;
}
body.programm .content-wrapper article.background-0 {
  background: #7d837a;
}
body.programm .content-wrapper article.background-1 {
  background: #c67565;
}
body.programm .content-wrapper article.background-2 {
  background: #c4b599;
}
/*********************
VIDEO
*********************/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 480px) {
  /******************************************************************
Site Name: Child Theme
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;
  }
  .visible-sm,
  tr.visible-sm,
  th.visible-sm,
  td.visible-sm {
    display: none !important;
  }
  .visible-md,
  tr.visible-md,
  th.visible-md,
  td.visible-md {
    display: none !important;
  }
  .visible-lg,
  tr.visible-lg,
  th.visible-lg,
  td.visible-lg {
    display: none !important;
  }
  .visible-print,
  tr.visible-print,
  th.visible-print,
  td.visible-print {
    display: none !important;
  }
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    zoom: 1;
  }
  .container:before,
  .container:after {
    content: "";
    display: table;
  }
  .container:after {
    clear: both;
  }
  .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    zoom: 1;
  }
  .container-fluid:before,
  .container-fluid:after {
    content: "";
    display: table;
  }
  .container-fluid:after {
    clear: both;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
    clear: all;
    zoom: 1;
  }
  .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: 15px;
    padding-right: 15px;
  }
  .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 only screen and (min-width: 480px) and (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;
  }
}
@media only screen and (min-width: 480px) and (min-width: 768px) and (max-width: 1199px) {
  .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;
  }
}
@media only screen and (min-width: 480px) and (min-width: 1200px) 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;
  }
}
@media only screen and (min-width: 480px) and (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 only screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (min-width: 768px) and (max-width: 1199px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (min-width: 1200px) and (max-width: 1399px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (min-width: 1400px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and 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 only screen and (min-width: 480px) and print {
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (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 only screen and (min-width: 480px) and (min-width: 1200px) {
  .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 only screen and (min-width: 480px) and (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%;
  }
}
@media only screen and (min-width: 768px) {
  /******************************************************************
Site Name: Child Theme
Author: Schreiber & Freunde GmbH

Stylesheet: Tablet & Small Desktop Stylesheet
******************************************************************/
  .background-images {
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .background-images div {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .background-images div:first-child {
    display: block;
  }
  /*********************
HEADER STYLES
*********************/
  header.header-main {
    /* Language-Switcher */
    /* Navigation */
    /* Social Media */
    /* Mobile Navigation */
    /* Logo Tablet-Version */
  }
  header.header-main .wrapper-lang {
    display: block;
    float: left;
  }
  header.header-main .wrapper-nav-main {
    font-size: 0px;
    display: block;
    text-align: center;
    padding-right: 100px;
  }
  header.header-main .wrapper-nav-main li {
    font-size: 15px;
    display: inline-block;
    margin-bottom: 0;
  }
  header.header-main .wrapper-nav-main li a {
    background-image: url(../images/common/border_vertical.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    padding: 22px 15px 23px 15px;
  }
  header.header-main .wrapper-nav-main li ul {
    background-color: #c97963;
    background-image: url(../images/common/border_horizontal.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    border-top: none;
    position: absolute;
    z-index: 110;
    top: 161px;
    left: 0px;
    text-align: center;
    width: 100%;
  }
  header.header-main .wrapper-nav-main li ul li {
    border: none;
    display: inline-block;
    white-space: nowrap;
  }
  header.header-main .wrapper-nav-main li ul li a {
    font-size: 18px;
    line-height: 30px;
    font-family: 'Source Sans Pro', sans-serif;
    background: none;
    color: #5f534b;
    padding: 2px 15px 3px 15px;
    font-weight: 400;
  }
  header.header-main .wrapper-nav-main li ul li a:hover {
    background: none;
    color: #5f534b;
    text-decoration: underline;
  }
  header.header-main .wrapper-nav-main li ul li.current-menu-item > a,
  header.header-main .wrapper-nav-main li ul li.current-page-ancestor > a,
  header.header-main .wrapper-nav-main li ul li.current-menu-ancestor > a,
  header.header-main .wrapper-nav-main li ul li.current-menu-parent > a {
    background: #c97963;
    color: #5f534b;
    font-weight: 700;
  }
  header.header-main .wrapper-nav-main li.logo {
    width: 160px;
    height: 80px;
    background-size: 50% 100%;
  }
  header.header-main .wrapper-nav-main li.logo-desktop {
    display: none;
  }
  header.header-main .wrapper-share {
    display: block;
    padding-right: 0px;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 80px;
    width: 85px;
  }
  header.header-main .wrapper-share ul {
    margin: 0px;
  }
  header.header-main .wrapper-share li {
    display: block;
    float: left;
  }
  header.header-main .nav-mobile {
    display: none;
  }
  header.header-main .logo-sm {
    display: block;
  }
  /*********************
FOOTER STYLES
*********************/
  footer.footer-main .wrapper-nav-footer {
    width: 50%;
    float: left;
    padding: 10px 0px;
  }
  footer.footer-main .wrapper-nav-footer ul {
    float: left;
    width: 50%;
    background-image: url(../images/common/border_vertical.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
  }
  footer.footer-main .wrapper-nav-footer li {
    border: none;
    display: block;
    margin: 0;
  }
  footer.footer-main .wrapper-nav-footer li a {
    font-size: 15px;
    line-height: 25px;
    padding: 0 10px;
  }
  footer.footer-main .countdown {
    width: 50%;
    float: left;
  }
  footer.footer-main .signet a {
    bottom: 0px;
    height: 46px;
    position: absolute;
    right: 0px;
    width: 90px;
  }
  div.copyright {
    padding-bottom: 60px;
  }
  /*********************
GENERIC CONTENT STYLES
*********************/
  .wrapper-main .content-wrapper {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
    font-weight: 400;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 37px 0px 0px 0px;
  }
  .wrapper-main .content-wrapper h1,
  .wrapper-main .content-wrapper h2.h1 {
    font-size: 50px;
  }
  img.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .gallery-item {
    float: left;
    width: 40%;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  /*********************
PAGE STYLES
*********************/
  /* Zuhause */
  body.home .content-wrapper {
    padding-top: 0px;
  }
  /* Kontakt / Presse / Impressum */
  body.kontakt .content-wrapper,
  body.presse .content-wrapper,
  body.impressum .content-wrapper {
    padding-top: 0px;
  }
  body.kontakt .content-wrapper > article,
  body.presse .content-wrapper > article,
  body.impressum .content-wrapper > article {
    margin-left: 16.6666%;
    padding: 120px 30px;
    width: 66.6666%;
  }
  /* Chako */
  body.chako .content-wrapper > article {
    margin-left: 50%;
    padding: 120px 30px;
    width: 50%;
    min-height: 100%;
  }
  body.chako .content-wrapper.content-left > article {
    margin-left: 0;
  }
  /* Termine */
  body.termine .content-wrapper > article {
    margin-left: 16.6666%;
    padding: 120px 30px;
    width: 66.6666%;
  }
  body.termine .content-wrapper > article .details {
    background-image: url(../images/common/border_vertical.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
  }
  body.termine .content-wrapper > article article.date .wrapper-partner a {
    width: 23%;
    margin-right: 2%;
  }
  body.termine .content-wrapper > article .wrapper-partner .partner {
    width: 23%;
  }
  /* Program */
  body.programm .content-wrapper > article {
    margin-bottom: 0px;
    width: 50%;
  }
  body.programm .slider-wrapper {
    overflow: hidden;
  }
}
@media only screen and (min-width: 1200px) {
  /******************************************************************
Site Name: Child Theme
Author: Schreiber & Freunde GmbH

Stylesheet: Desktop Stylsheet
******************************************************************/
  /*********************
HEADER STYLES
*********************/
  header.header-main {
    /* Navigation */
    /* Social Media */
    /* Logo Tablet-Version */
  }
  header.header-main .wrapper-nav-main li {
    font-size: 19px;
  }
  header.header-main .wrapper-nav-main li a {
    padding: 22px 17px 23px 17px;
  }
  header.header-main .wrapper-nav-main li a li a {
    padding: 2px 15px 3px 15px;
  }
  header.header-main .wrapper-nav-main li ul {
    top: 81px;
  }
  header.header-main .wrapper-nav-main li.logo {
    width: 320px;
    height: 80px;
    background-size: 100% 100%;
  }
  header.header-main .wrapper-nav-main li.logo-desktop {
    display: inline-block;
  }
  header.header-main .wrapper-share {
    top: 0px;
  }
  header.header-main .logo-sm {
    display: none;
  }
  /*********************
FOOTER STYLES
*********************/
  footer.footer-main .wrapper-nav-footer {
    width: 70%;
    float: left;
    padding: 10px 0px;
  }
  footer.footer-main .wrapper-nav-footer ul {
    float: left;
    padding-left: 20px;
    width: 25%;
  }
  footer.footer-main .wrapper-nav-footer li {
    border: none;
    display: block;
    margin: 0;
  }
  footer.footer-main .wrapper-nav-footer li a {
    font-size: 15px;
    line-height: 25px;
    padding: 0 10px;
  }
  footer.footer-main .countdown {
    width: 25%;
    float: left;
    font-size: 15px;
    line-height: 26px;
  }
  footer.footer-main .countdown strong {
    font-size: 29px;
    line-height: 29px;
  }
  /*********************
PAGE STYLES
*********************/
  /* Kontakt / Presse / Impressum */
  body.kontakt .content-wrapper > article,
  body.presse .content-wrapper > article,
  body.impressum .content-wrapper > article {
    margin-left: 25%;
    width: 40%;
  }
  /* Chako */
  body.chako {
    /* Bilder */
  }
  body.chako .content-wrapper > article {
    margin-left: 25%;
    width: 40%;
  }
  body.chako .content-wrapper.content-left > article {
    margin-left: 25%;
  }
  body.chako.page-template-page-images-php .content-wrapper > article div .right {
    float: left;
  }
  /* Termine */
  body.termine .content-wrapper > article {
    margin-left: 25%;
    width: 50%;
  }
  /* Program */
  body.programm .content-wrapper > article {
    width: 33.3333%;
  }
}
@media only screen and (min-width: 1400px) {
  /******************************************************************
Site Name: Child Theme
Author: Schreiber & Freunde GmbH

Stylesheet: Super Large Monitor Stylesheet
******************************************************************/
}
@media only screen and (max-width: 1180px) {
  .hideonless1180 {
    display: none;
  }
}
@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: Child Theme
Author: Schreiber & Freunde GmbH

Stylesheet: Retina Screens & Devices Stylesheet
******************************************************************/
}
@media print {
  /******************************************************************
Site Name: Child Theme
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;
  }
  body.termine .content-wrapper > article header h1,
  h1 {
    font-size: 24px;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
  p.logo {
    text-align: center;
    font-size: 40px;
    font-family: 'Arvo', serif;
    font-weight: 700;
  }
  body.termine .content-wrapper > article article.date h3 {
    font-size: 20px;
  }
}