@charset "UTF-8";
/**
 * Theme Name:     Sky du Mont
 * Theme URI:      http://skydumont.de/
 * Description:    Theme für Sky du Mont
 * Author:         www.mikabo.de
 * Author URI:     http://www.mikabo.de/
 * Version:        1.00
 */
@import url("assets/css/reset.css");
@import url("assets/css/fonts.css");
/*
 * ============================================================================
 * main.css
 * ============================================================================
 * author: mikabo
 * http://www.mikabo.com
 * ============================================================================
 * Copyright (c) 2014, mikabo
 * All rights reserved.
 * ============================================================================
 */
/* =============================================================================
   COMMONS
========================================================================== */
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden; }

html#page-is-datenschutz, html#page-is-news, html#page-is-markenbotschafter, html.doscroll {
  overflow: auto;
  padding-bottom: 80px; }
html .rsOverflow {
  cursor: pointer !important; }

body.page-template-tmpl_datenschutz, body.page-template-tmpl_news, body.page-template-tmpl_markenbotschafter, body.page-template-gallery_onepager {
  overflow: auto;
  background: #262626; }

h1 {
  font-size: 16px;
  margin-bottom: 1.8em; }

strong, b, .strong {
  font-weight: 400; }

p {
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 15px;
  line-height: 21px; }

em, i {
  font-style: italic; }

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

.clearfix:after {
  clear: both; }

.clearboth {
  clear: both; }

.abspos {
  position: absolute; }

.nounce {
  display: none; }

.hide {
  display: none; }

.hidden {
  visibility: hidden; }

a:link, a:visited, a:active {
  color: inherit;
  text-decoration: none; }

a:hover {
  color: inherit;
  text-decoration: none; }

a:focus {
  outline: none; }

.hide {
  display: none; }

.txt_to_upper {
  text-transform: uppercase; }

.galerie .overlay, .wrapper-gallery-onepager .column-image-large .thumb-overlay,
.wrapper-gallery-onepager .container-thumbs-small .thumb-overlay {
  background: #111111;
  opacity: .5;
  -moz-opacity: .5;
  -khtml-opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }

/* BASIS GERÜST*/
.mainwrapper_headerbox {
  position: absolute;
  height: 120px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1; }

.wrapper_headerbox {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }

.wrapper_headerbox .leftcol {
  float: left;
  width: 20%; }

.wrapper_headerbox .rightcol {
  float: left;
  width: 80%; }

.logo_sky {
  margin-top: 40px; }

.wrapper_headerbox .rightcol .wrapper_navi_main {
  margin-top: 50px;
  float: right; }

.wrapper_contentbox {
  background: #EEEEEE;
  height: 100%; }

.wrapper_top_nav {
  /* max-width: 1200px;*/ }

a.imprint {
  display: inline-block;
  float: right;
  padding-top: 10px;
  color: #AAA;
  font-size: 13px; }

a.gdpr {
  display: inline-block;
  margin-right: 20px;
  float: right;
  padding-top: 10px;
  color: #AAA;
  font-size: 13px; }

/* MENU **************************************************/
ul#menu-main-menu li {
  font-size: 14px;
  font-weight: 400;
  float: left;
  padding-right: 32px; }

ul#menu-main-menu li:last-child {
  padding-right: 0; }

ul#menu-main-menu li a {
  color: #bbbbbb; }

.page-template-tmpl_kontakt-php ul#menu-main-menu li a {
  color: #CCCCCC; }

ul#menu-main-menu li a:hover,
ul#menu-main-menu li.current_page_item a {
  color: #FFFFFF; }

/* INDEX **************************************************************************************/
.index .wrapper_description {
  float: left;
  margin-top: 54px;
  margin-left: 40px;
  width: 428px;
  height: 380px;
  background: transparent url("assets/images/bg_headerbox.png") repeat; }

.index .wrapper_description .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 44px; }

.index p {
  color: #B6B6B6; }

/* ENDE INDEX ********************************************************************************/
/* KONTAKT **************************************************************************************/
.kontakt .wrapper_description {
  float: left;
  margin-top: 54px;
  margin-left: 452px;
  width: 676px;
  /*height: 618px;*/
  background: transparent url("assets/images/bg_headerbox.png") repeat; }

.kontakt .wrapper_description .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 44px;
  padding-bottom: 30px; }

.kontakt p {
  color: #EEEEEE; }

.kontakt a {
  color: #FFFFFF; }

.kontakt a:hover {
  text-decoration: underline; }

.kontakt .wrapper_scroller {
  width: 640px;
  height: 420px; }

/* ENDE KONTAKT ********************************************************************************/
/* NEWS // TERMINE *****************************************************************************/
.news .wrapper_description {
  float: left;
  margin-top: 54px;
  margin-left: 0;
  width: 850px;
  background: transparent url("assets/images/bg_headerbox.png") repeat;
  margin-bottom: 60px; }
  .news .wrapper_description h1 {
    font-size: 16px;
    text-transform: uppercase; }
  .news .wrapper_description h2 {
    margin-top: 26px;
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px; }
  .news .wrapper_description p {
    color: #EEEEEE;
    margin-bottom: 18px;
    line-height: 26px;
    font-weight: 300; }
  .news .wrapper_description strong {
    font-weight: 700; }
  .news .wrapper_description a {
    color: #FFFFFF;
    text-decoration: underline; }
    .news .wrapper_description a:hover {
      opacity: .7; }
  .news .wrapper_description .sizer {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 44px;
    padding-bottom: 30px; }
.news .wrapper_scroller {
  width: 850px; }

/* DATENSCHUTZ *****************************************************************************/
.datenschutz .wrapper_description {
  float: left;
  margin-top: 54px;
  margin-left: 0;
  width: 850px;
  background: transparent url("assets/images/bg_headerbox.png") repeat;
  margin-bottom: 60px; }
  .datenschutz .wrapper_description h1 {
    font-size: 16px;
    text-transform: uppercase; }
  .datenschutz .wrapper_description h2 {
    margin-top: 26px;
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px; }
  .datenschutz .wrapper_description h4 {
    margin-top: 26px;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px; }
  .datenschutz .wrapper_description p {
    color: #EEEEEE;
    margin-bottom: 18px;
    line-height: 26px;
    font-weight: 300; }
  .datenschutz .wrapper_description strong {
    font-weight: 700; }
  .datenschutz .wrapper_description a {
    color: #FFFFFF;
    text-decoration: underline; }
    .datenschutz .wrapper_description a:hover {
      opacity: .7; }
  .datenschutz .wrapper_description .sizer {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 44px;
    padding-bottom: 30px; }
.datenschutz .wrapper_scroller {
  width: 810px; }

/* ENDE DATENSCHUTZ ********************************************************************************/
/* FILM **************************************************************************************/
.film .wrapper_description {
  float: left;
  margin-top: 104px;
  width: 390px;
  height: 300px;
  background: transparent url("assets/images/bg_headerbox.png") repeat; }

.film .wrapper_description_detail {
  float: left;
  margin-top: 150px;
  margin-left: 150px;
  width: 390px;
  min-height: 218px;
  background: transparent url("assets/images/bg_headerbox.png") repeat; }

.film .wrapper_cover_set,
.film .wrapper_cover_detail {
  float: left; }

.film .wrapper_cover_set {
  margin-left: 36px; }

.film .wrapper_cover_detail {
  margin-left: 130px;
  margin-top: 34px; }

.film .wrapper_description .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 44px; }

.film .wrapper_description_detail .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 18px;
  padding-bottom: 18px; }

/* ENDE FILM **************************************************************************************/
/* VITA */
.wrapper_content_vita {
  width: 1200px;
  height: 800px;
  margin-left: auto;
  margin-right: auto; }

.wrapper_years {
  position: absolute;
  top: 138px;
  left: 430px;
  width: 330px;
  height: 70px; }

#navi_years .item {
  display: block;
  float: left;
  margin-right: 14px; }

#navi_years .item a {
  color: #BBBBBB;
  font-size: 14px; }

#navi_years .item a.active,
#navi_years .item a:hover {
  color: #FFFFFF; }

#wrapper_vita_image {
  position: absolute;
  top: 380px;
  left: 476px;
  width: 400px;
  height: 400px; }

.wrapper_vita_description {
  position: absolute;
  top: 200px;
  left: 466px;
  width: 390px;
  height: 170px;
  background: transparent url("assets/images/bg_headerbox.png") repeat; }

.wrapper_vita_description .sizer {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px; }

#vita_title h1 {
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 1em; }

#vita_content {
  color: #FFFFFF; }

/*** ENDE VITA **************************************************************************************/
/* LITERATUR **************************************************************************************/
.literatur .wrapper_description {
  float: left;
  margin-top: 104px;
  width: 390px;
  /*height: 300px;*/
  background: transparent url("assets/images/bg_headerbox.png") repeat; }

.literatur .wrapper_description_detail {
  float: left;
  margin-top: 150px;
  margin-left: 150px;
  width: 390px;
  height: 190px;
  background: transparent url("assets/images/bg_headerbox.png") repeat; }

.literatur .wrapper_cover_set,
.literatur .wrapper_cover_detail {
  float: left; }

.literatur .wrapper_cover_set {
  margin-left: 36px; }

.literatur .wrapper_cover_detail {
  margin-left: 130px;
  margin-top: 34px; }

.literatur .wrapper_description .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 44px;
  padding-bottom: 34px; }

.literatur .wrapper_description_detail .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 18px; }

.literatur .wrapper_scroller {
  width: 360px;
  height: 160px; }

.literatur .wrapper_audio {
  margin-top: 28px; }

.literatur .wrapper_audio .title_audio {
  padding-bottom: 4px; }

/*** ENDE LITERATUR **************************************************************************************/
/* GALERIE **************************************************************************************/
.galerie .wrapper_description {
  float: left;
  margin-top: 104px;
  width: 390px;
  height: 300px;
  background: transparent url("assets/images/bg_headerbox.png") repeat; }

/* Thumbs auf Startseite: */
.galerie .wrapper_intro_thumbs {
  float: left;
  margin-top: 74px;
  margin-left: 116px;
  width: 560px;
  height: 560px; }

.galerie .wrapper_description .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 44px; }

/* Thumbs auf den weiteren Slides: */
.wrapper_slide_thumbs {
  margin-top: 74px;
  width: 1020px;
  margin-left: auto;
  margin-right: auto; }

.galerie .wrapper_thumb,
.galerie .overlay {
  width: 160px;
  height: 160px; }

.galerie .wrapper_thumb {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.galerie .thumb {
  margin-right: 10px;
  margin-bottom: 10px; }

/*** ENDE GALERIE **************************************************************************************/
/* FERNSEHEN */
.wrapper_content_fernsehen {
  width: 1200px;
  height: 800px;
  margin-left: auto;
  margin-right: auto; }

.wrapper_years {
  position: absolute;
  top: 138px;
  left: 476px;
  width: 330px;
  height: 70px; }

#navi_years .item {
  display: block;
  float: left;
  margin-right: 14px; }

#navi_years .item a {
  color: #BBBBBB;
  font-size: 14px; }

#navi_years .item a.active,
#navi_years .item a:hover {
  color: #FFFFFF; }

.wrapper_fernsehen_description {
  position: absolute;
  top: 256px;
  left: 456px;
  width: 410px;
  /*height: 280px;*/
  background: transparent url("assets/images/bg_headerbox.png") repeat;
  color: #FFFFFF; }

.wrapper_fernsehen_description .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 44px;
  padding-bottom: 24px; }

.fernsehen .wrapper_scroller {
  width: 360px;
  height: 220px; }

.fernsehen .wrapper_scroller h1.intro {
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 1em; }

.fernsehen .wrapper_scroller h1.entry {
  color: #FFFFFF;
  margin-bottom: 0.5em; }

.fernsehen .wrapper_scroller .tv_format {
  margin-bottom: 20px; }

/*** ENDE FERNSEHEN **************************************************************************************/
/* AWARDS */
.wrapper_content_awards {
  width: 1200px;
  height: 800px;
  margin-left: auto;
  margin-right: auto; }

.wrapper_years {
  position: absolute;
  top: 138px;
  left: 476px;
  width: 330px;
  height: 70px; }

#navi_years .item {
  display: block;
  float: left;
  margin-right: 14px; }

#navi_years .item a {
  color: #BBBBBB;
  font-size: 14px; }

#navi_years .item a.active,
#navi_years .item a:hover {
  color: #FFFFFF; }

.wrapper_awards_description {
  position: absolute;
  top: 240px;
  left: 466px;
  width: 410px;
  height: 270px;
  background: transparent url("assets/images/bg_headerbox.png") repeat;
  color: #FFFFFF; }

.wrapper_awards_description .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 44px; }

.awards .wrapper_scroller {
  width: 360px;
  height: 220px; }

.awards .wrapper_scroller h1.intro {
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 1em; }

.awards .wrapper_scroller h1.entry {
  /*text-transform: uppercase;*/
  color: #FFFFFF;
  margin-bottom: 0.5em; }

.awards .wrapper_scroller .tv_format {
  margin-bottom: 20px; }

/*** ENDE AWARDS **************************************************************************************/
/* NEUE PROJEKTE **************************************************************************************/
.neue-projekte .wrapper-left {
  float: left;
  margin-left: 0;
  margin-top: 150px; }
  .neue-projekte .wrapper-left .image {
    max-width: 500px;
    height: auto; }
.neue-projekte .wrapper-right {
  float: left;
  margin-top: 150px;
  margin-left: 16px;
  width: 500px;
  height: 310px;
  background: transparent url("assets/images/bg_headerbox.png") repeat; }
  .neue-projekte .wrapper-right .sizer {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 18px; }
.neue-projekte .wrapper-scroller {
  width: 460px;
  height: 280px; }
.neue-projekte .wrapper-audio {
  margin-top: 28px; }
  .neue-projekte .wrapper-audio .title-audio {
    padding-bottom: 4px; }
  .neue-projekte .wrapper-audio .audiojs {
    width: 500px; }
    .neue-projekte .wrapper-audio .audiojs .scrubber {
      width: 320px; }

/*** ENDE NEUE PROJEKTE **************************************************************************************/
/* MARKENBOTSCHAFTER **************************************************************************************/
.markenbotschafter .wrapper_description {
  float: left;
  margin-top: 104px;
  width: 390px;
  height: 337px;
  background: transparent url("assets/images/bg_headerbox.png") repeat; }

.markenbotschafter .wrapper_description .sizer {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 44px; }

.markenbotschafter .wrapper-thumbs {
  float: left;
  margin-top: 104px;
  margin-left: 7px;
  width: 610px; }

.markenbotschafter .wrapper-box-thumb {
  position: relative;
  float: left;
  margin-left: 5px;
  width: 198px; }

.markenbotschafter .wrapper-box-thumb .thumb {
  display: inline-block;
  width: 198px;
  height: auto; }

.markenbotschafter .wrapper-box-thumb .box-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background-image: url("assets/images/icon-play-dark.png");
  background-size: cover; }

.markenbotschafter .wrapper-box-thumb .linkbox-showcase-image {
  display: block; }

.vbox-overlay .vbox-title {
  height: 52px; }

.vbox-overlay h2.overlay-headline {
  font-size: 26px;
  padding-top: 4px;
  padding-bottom: 4px; }

/*** ENDE MARKENBOTSCHAFTER **************************************************************************************/
.audiojs {
  width: 390px; }

.audiojs .scrubber {
  width: 220px; }

#content_slider {
  position: absolute;
  left: 0;
  top: 120px;
  right: 0;
  bottom: 0px;
  height: auto;
  width: auto; }

.royalSlider {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto; }

.rsDefault {
  background-color: none !important; }

.cnt_div {
  width: 400px;
  height: 240px;
  background: #aa0000;
  margin-left: auto;
  margin-right: auto; }

.slide_area {
  max-width: 1200px;
  /*height: 240px;*/
  margin-left: auto;
  margin-right: auto; }

a.btn-tickets {
  display: inline-block;
  padding: 4px 20px;
  margin-top: 10px;
  margin-bottom: 8px;
  background-color: #ff0000;
  color: #ffffff;
  text-decoration: none !important;
  font-weight: 400; }

/* GALERIE ONEPAGER **************************************************************************************/
.wrapper-gallery-onepager {
  position: absolute;
  top: 160px;
  left: 0;
  width: 100%; }
  .wrapper-gallery-onepager .container {
    width: 850px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px; }
  .wrapper-gallery-onepager .section-headline {
    color: #ffffff; }
    .wrapper-gallery-onepager .section-headline .headline {
      margin-bottom: 24px; }
  .wrapper-gallery-onepager .section-fotos {
    display: flex;
    flex-direction: row; }
  .wrapper-gallery-onepager .column-image-large .thumb,
  .wrapper-gallery-onepager .container-thumbs-small .thumb {
    position: absolute;
    top: 0;
    left: 0; }
  .wrapper-gallery-onepager .column-image-large {
    position: relative;
    width: 340px;
    height: 340px;
    vertical-align: top; }
    .wrapper-gallery-onepager .column-image-large .thumb {
      width: 330px;
      height: 330px; }
    .wrapper-gallery-onepager .column-image-large .thumb-overlay {
      width: 330px;
      height: 330px; }
  .wrapper-gallery-onepager .column-images-small {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 510px;
    height: auto;
    vertical-align: top; }
  .wrapper-gallery-onepager .container-thumbs-small {
    position: relative;
    width: 160px;
    height: 160px;
    margin-right: 10px;
    margin-bottom: 10px; }
    .wrapper-gallery-onepager .container-thumbs-small .thumb {
      width: 160px;
      height: 160px; }
    .wrapper-gallery-onepager .container-thumbs-small .thumb-overlay {
      width: 160px;
      height: 160px; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin-left: 0;
  margin-right: 14px;
  margin-bottom: 4px; }

.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/*# sourceMappingURL=style.css.map */