/* Theme Name: Peperoncini Layout
Theme Description: Bootstrap Theme
Author: Julian Rabung, James Communication AG
URI: http://www.jamescom.ch
*/
/* CUSTOMIZE BODY, FONT, SIZES
-------------------------------------------------- */
body {
  font-family: 'FuturaLT';
  font-size: 16px;
  line-height: 22px;
  color: #1d160f;
  /*text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;*/
  font-smooth: always;
  font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  margin: 0;
  background: #000000; }

#mfPreviewBar {
  display: none !important; }

html, body {
  height: 100%; }

.splash {
  display: none !important; }

.logo {
  top: 25px;
  left: 80px;
  position: absolute;
  z-index: 1000; }

.logo img {
  width: 230px; }

.main-wrapper {
  position: absolute;
  top: 95px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden; }

.container {
  position: absolute;
  height: 100%;
  width: 100%; }

/****************************
* ALLGEMEINES
****************************/
/*
.news-container .description h2,
.event-container h2,
.jobs .description h1,
.geschmackswelten .description h1 {
    color: #ffffff;
}*/
.subtitle-date {
  font-family: 'FuturaLT';
  color: #FFFFFF;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 15px; }

/****************************
* SLIDER
****************************/
.slide-navigation {
  z-index: 200;
  position: absolute;
  width: 100%;
  height: 35px;
  top: 30px;
  left: 0; }

.slide-navigation .next {
  cursor: pointer;
  position: absolute;
  right: 37px;
  height: 35px;
  width: 35px;
  background: url("img/slide_arrow_right.png");
  background-size: cover; }

.slide-navigation .prev {
  cursor: pointer;
  position: absolute;
  left: 37px;
  height: 35px;
  width: 35px;
  background: url("img/slide_arrow_left.png");
  background-size: cover; }

.current-slide {
  z-index: 100; }

.slide.annimate {
  -webkit-transition: .5s all linear;
  -moz-transition: .5s all linear;
  -ms-transition: .5s all linear;
  -o-transition: .5s all linear;
  transition: .5s all linear;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.hidden {
  display: none; }

.visible-desktop {
  display: block; }

.visible-phone {
  display: none; }

a.mail {
  background: none !important;
  font-size: 30px !important; }
  a.mail .hidden {
    display: none; }
  a.mail:hover {
    color: #a9191d; }

/* 24" ---------------------------------------------------------------------------------------------------------- */
/*2.560 x 1.920 Pixel*/
@media (max-width: 1920px) {
  .logo {
    left: 40px; } }
/* IPad Portrait ------------------------------------------------------------------------------------------------ */
@media (max-width: 860px) {
  body {
    position: fixed;
    width: 100%; }

  body, html {
    -webkit-text-size-adjust: none; }

  .visible-desktop {
    display: none; }

  .visible-phone {
    display: block; }

  .logo {
    left: 7%; }

  .slide-navigation .next {
    right: 7%; }

  .slide-navigation .prev {
    left: 7%; } }
/* IPhone Portrait ---------------------------------------------------------------------------------------------- */
@media (max-width: 560px) {
  .logo img {
    width: 180px; }

  .navbar-wrapper {
    height: 80px !important; }

  .main-wrapper {
    top: 80px; } }