/*
Take the Plunge Wedding Template

Table of Contents:
        Reset
        Common
        Typography
        Layout
        Supersized Slideshow
        Youtube Player
        Parallax
        Portfolio
        About Us
        Services
        Features
        Accordion
        Tooltips
        Contacts
        Form Elements
        Flickr
        Alert Boxes
        Footer
        Our Clients
        Misc
        Media Queries
*/




/* #Reset & Basics (Inspired by E. Meyers)
--------------------------------------------------------*/

html, body {
    height: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, blog_posts, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, blog_posts, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* Commons
--------------------------------------------------------*/


/*::-moz-selection {background: #af1b5a;color: white; }
::selection {background: #af1b5a;color: white; }*/

body {
    background-color: #000;
    font: 14px 'Droid Serif', serif;
    font-weight: 400;
    color: #D0D0D0;
/*    -webkit-font-smoothing: antialiased;*/
/*    -webkit-text-size-adjust: 100%;*/
    text-align: left;
    width: 100%;
    height: 100%;
}
body.touch-device {
    /*    background-image: url("../images/parallax_1200.jpg"); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hidden {
    display: none;
}

.parallaxText {
    display: table-cell;
    vertical-align: middle;
}

img.scale-with-grid {
    max-width: 100%;
    height: auto; }


/* Typography
--------------------------------------------------------*/

h1, h2, h3, h4 {
    font-weight: 300;
    font-family: 'Oswald',sans-serif;
    color: #D0D0D0;
    margin: 0 0 6px;
}

h1 {
    font-size: 250px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: -2px;
    text-align: left;
    line-height: 0.8;
    margin-bottom: 35px;
    padding-top: 15px;
}
h1 span{
    color: #7b133c;
    font-size: 150px;
}

h2 {
    font-size: 44px;
    text-transform: uppercase;
    position: relative;
}

h2.white {
    color: #D0D0D0;
}
.siteColor {
    color: #d2b55b;
}


h3 {
    font-size: 22px;
    line-height: 1;
    color: #555;
}
h3.sectionTitle {
    border-bottom: 1px solid #cacaca;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 26px 0 6px;
}
.small {font-size: 36px; font-weight:300;}
.smallBold {font-size: 36px; font-weight:700;}
.medium {font-size: 44px; text-transform: uppercase;}
.mediumBold {font-size: 44px; font-weight:700; text-transform: uppercase;}
.large {font-size: 56px; text-transform: uppercase;}
.largeBold {font-size: 56px; font-weight:700; text-transform: uppercase;}
.author {font-size: 18px; font-weight:300;}

h4 {
    font-size: 22px;
}

p {
    margin-bottom: 10px;
}

p a {
    color: #D0D0D0;
    text-decoration: none;
}

p a:hover {
    color: #73abb0;
    transition: color 0.5s;
}
a {
    color:#000;
    text-decoration:none;
}
a:hover{
    color:#8E6A4F;
}
.introtext {
    font-size: 20px;
}
.marginTop {
    margin-top: 30px;
}
.highlight {
    background: #7b133c;
    color: #FFFFFF;
    padding: 0 6px;
}
.dropcap {
    background: #7b133c;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    margin: 7px 7px 0 0;
    text-align: center;
    width: 44px;
}

/* Layout 
--------------------------------------------------------*/


.homepage{
    position:relative;
    overflow:hidden;
    z-index:1;
    margin-bottom: 0px;
}
.touch-device .homepage {display: none;}
.page{
    position:relative;
    overflow:hidden;
    z-index:2;

}
.page.desktop{
    position:relative !important; 
    z-index:6;
}
.page {
    padding-top: 80px;
    padding-bottom: 50px;
}
.page{
    background:#000; 
    background-attachment:scroll;
}
#undefined-sticky-wrapper {
    height: 50px;
    position: relative;
    width: 100%;
    margin-top: -95px;
    padding-bottom: 6px;

}


nav {
    background: #000;
    background: rgba(0,0,0,0.9);
    width: 100%;
    position: relative;
    z-index: 1000;
    height: 70px;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
#titel-nav-sticky-wrapper {
    position: absolute;
    top: 0;
    background: transparent;
    border: none;
    width: 100%
}
#titel-nav-sticky-wrapper nav{
    background: transparent;
    border: none;
}
#titel-nav-sticky-wrapper .container{width: 100%;}

nav ul {
    height: 40px;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 0px;
}

nav ul li {
    position: relative;
    float: left;
    margin: 0;
}

nav ul li a {
    font-family: 'Droid Serif', serif;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-decoration: none;
    padding: 15px 9px;
}

nav ul li a:hover, nav ul li a:active {
    color: #444;
    transition: color 0.5s;
}

#footer-nav {
    bottom: 0px!important;
    position: fixed;
    top: auto!important;
    margin-bottom: 0px;
    height: 70px;

}
#footer-nav ul {
    display: block;

}
#footer-nav ul li a {
    font-size: 12px;
    padding: 10px;
	
}
#footer-nav .left {
    float:left;
    display: block;
margin: -15px 0 0 40px;
}
#footer-nav .right {
    float:right;
    display: block;
}

#facebook_text {
    padding-right: 0!important;
}

.dropmenu {
    display: none;
    margin-top: 51px;
    background: #000;
    background: rgba(0,0,0,0.7);
    height: 100%;
    padding: 0;
}
.dropmenu li{
    display: block;
    float: none;
    width: 100%;

}
.dropmenu li a {
    display: block;
}

.btn-navi {
    width: 50px;
    height: 50px;
    background: url(../images/png/btn-navi.png) 50% 50% no-repeat;
    position: absolute;
    right: 0;
    display: none;
    cursor: pointer;
}



#homepage .container {
    height: 100%;
}

#hometop {width: 100%;}

#bgndVideo {width: 100%;}

#titel {text-align: center;}

.touch-device nav #titel {display: none !important;}
.touch-device #filmtitel #titel {display: block !important; height: 400px; }
.logo {margin-top: 70px;
       max-width: 1027px;
       width: 100%;
}
.touch-device .logo {margin-top: 60px;}




/* youtube player
--------------------------------------------------------*/

.mb_YTVPlayer :focus {
    outline: 0;
}
.mb_YTVPlayer{
    display:block;
}
.mbYTP_wrapper iframe{
    max-width: 4000px !important;
}
.inline_YTPlayer{
    margin-bottom: 20px;
    vertical-align:top;
    position:relative;
    left:0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,.7);
    background: rgba(0,0,0,.5);
}
.inline_YTPlayer img{
    border: none!important;
    transform: none!important;
}
/*CONTROL BAR*/
.mb_YTVPBar{
    transition: opacity 1s;
    display:block;
    width:100%;
    height:10px;
    padding:5px;
    position:absolute;
    bottom:70px;
    left:0;
    box-sizing: padding-box;
    -moz-box-sizing:padding-box;
    -webkit-box-sizing:border-box;
    text-align:left;
    z-index: 1000;
    font: 14px/16px sans-serif;
    color:#fff;
    opacity:.1;
}
.mb_YTVPBar:hover{
    opacity:1;
}
.mb_YTVPBar .buttonBar{
    transition: all 1s;
    background:transparent;
    font:12px/14px Calibri;
    position:absolute;
    top:-30px;
    left:0;
    padding: 5px;
    width:100%;
    box-sizing: border-box;
}
.mb_YTVPBar:hover .buttonBar{
    background: rgba(0,0,0,0.4);
}
.mb_YTVPBar span{
    display:inline-block;
    font:16px/20px Calibri, sans-serif;
    position:relative;
    width: 30px;
    height: 25px;
    vertical-align: middle;
}
.mb_YTVPBar span.mb_YTVPTime{
    width: 130px;
}
.mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT {
    position: absolute;
    width: auto;
    display:block;
    top:6px;
    right:20px;
    cursor: pointer;
}
.mb_YTVPBar span.mb_YTVPUrl img{
    width: 60px;
}

.mb_YTVPBar span.mb_OnlyYT {
    left:185px;
    right: auto;
}
.mb_YTVPBar span.mb_OnlyYT img{
    width: 25px;
}

.mb_YTVPBar span.mb_YTVPUrl a{
    color:#fff;
}

.mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{
    cursor:pointer;
    margin-left: 20px;
}

.mb_YTVPMuteUnmute{
    cursor:pointer;
}

/*PROGRESS BAR*/
.mb_YTVPProgress{
    height:5px;
    width:100%;
    background:#D0D0D0;
    bottom:0;
    left:0;
}
.mb_YTVPLoaded{
    height:5px;
    width:0;
    background:#444;
    left:0;
}
.mb_YTVTime{
    height:5px;
    width:0;
    background:#fff;
    bottom:0;
    left:0;
    box-shadow:#666666 1px 1px 3px;
}
.YTPOverlay{
    /*box-shadow: inset 0 0 5px rgba(0,0,0,.5);*/
}




/* parallax
--------------------------------------------------------*/

.parallax{
    width:100%;
    height:360px; 
    padding:0;
    margin:0;
    background-attachment:fixed;
    background-repeat:no-repeat; 
    border-top: 1px solid rgba(067,067,067,1);
    border-bottom: 1px solid rgba(067,067,067,1);
    color:#fff;  
    position:relative;
}

.parallax.fixed{
    background-attachment:fixed;
}
.parallax.fixed-desktop{
    background-attachment:fixed !important;
}
#filmtitel {
    width: 100%;
    height:800px;
    background: url(../images/parallax.jpg) 50% 50% no-repeat;
    background-size: auto 100%
}
#parallax {
    width: 100%;
    height: 360px;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 100% 94%;
    border-top: 1px solid rgba(067,067,067,1);
    border-bottom: 1px solid rgba(067,067,067,1);
    color: #fff;
    position: relative;
}
#parallax {background-image: url(../images/parallax-1.jpg);}
#parallax-2 {background-image: url(../images/parallax-2.jpg);}
#parallax-3 {background-image: url(../images/parallax-3.jpg);}
#parallax-4 {background-image: url(../images/parallax-4.jpg);}
#parallax-5 {background-image: url(../images/parallax-5.jpg);}
#parallax-6 {background-image: url(../images/parallax-6.jpg);}
#parallax-7 {background-image: url(../images/parallax-7.jpg);}

.v-top {
    opacity: 0.5;
    width: 100%;
    height: 15px;
    margin-top: -16px;
}
.v-bottom {
    opacity: 0.5;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: -15px;
}


/* portfolio
--------------------------------------------------------*/	

#story {
    background: #000;
    clear: left;
}
.synopsis{width: 770px; margin: 34px auto; font-style: normal; line-height: 18px;} 
.text-left {text-align: right;
            width: 375px;
            float: left;
            padding: 0 10px 0 0;}
.text-right{text-align: left;
            width: 375px;
            float: left;
            padding: 0 0 0 7px;
}



.portfolio_container {
    position:relative;
    display:block;
    overflow:hidden;
    width:100%;
}
.portfolio_container .portfolio {
    position:relative;
    display:block;
    float:left;
    overflow:hidden;
    width:25%;
    height:auto;
}
.portfolio_container .portfolio .media_box figure a img {
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.portfolio_container .portfolio .media_box .hover_effect {
    top:0;
    left:0;
}

.gallerySelector {
    background: #B6B4A2;
    height: 44px;
    width: 100%;
    margin-top: 20px;
}
.gallerySelectorList {
    margin:0;
    width: 100%;
}
.gallerySelectorList li {
    float: left;
    margin:0;
    list-style:none;
    width: 20%;
    text-align: center;
    padding: 0;
}
.gallerySelectorList li:hover {
    background: #000;
}
.gallerySelectorList li:hover a {
    color: #000;
}

.gallerySelectorList li a {
    display:block;
    padding:11px 0;
    color: #D0D0D0;
    text-decoration: none;
    margin: 0;
    transition:background-color 0.3s ease, color 0.2s ease;
}
.gallerySelectorList li.current  {
    background: #7b133c;
}
.gallerySelectorList li.current a {
    color: #fff;
}
.portfolio_container .portfolio {
    width: 20%;
}

.fullwidth {
    display: block;
    max-width: 100%;
    min-width: 100%;
}

#gallery h3  {
    margin-bottom: 20px;
}

.project-title {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 7px;
}

.project-description {
    color: #868991;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.columns .overlay-content.loupe {
    width: 34px;
    height: 34px;
    background: url(../images/loupe.png) 0px 0px no-repeat;
    position: absolute;
    top: 22%;
    margin: -17px 0 0 -17px;
    left: 50%;
    z-index: 10;
}
.thumbLink {
    display: block;
    width: 100%;
}
.thumbImage {
    float: left;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 0px;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    height: 100%;
}
.thumbImage img{
    transition: all 0.7s ease-in-out;
}
.thumbImage .thumbText h3 {
    margin-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: all 1s ease-in-out;
}
.thumbImage .thumbText p {
    margin-bottom: 10px;
    color: #fff;
    transition: all 1s ease-in-out;
}
.thumbImage .thumbTextWrap {
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0;
    max-width: 100%;
    min-width: 100%;
    background: #7b133c;
    text-align: center;
    transition: all 1s ease-in-out;
}
.ie8 .thumbImage .thumbTextWrap {
    display:none;
}
.thumbImage .thumbTextWrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.5em; /* Adjusts for spacing */
}
.thumbText {
    text-align: center;
    transform: scale(0);
    transition: all 0.7s ease-in-out;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}
.thumbImage:hover img {
    opacity: 0;
    transform: scale(10);
}
.thumbImage:hover .thumbTextWrap {
    opacity: 1;
}
.ie8 .thumbImage:hover .thumbTextWrap {
    display: block;
}
.thumbImage:hover .thumbText {
    transform: scale(1);
}
.thumbLink {
    background:url(../images/icons/icon-magnify.png) center center no-repeat #fff;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    opacity: 0.5;
    margin: 0 auto;
}
.thumbLink:hover {
    opacity: 1;
}

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope {
    transition-property: height, width;
}
.isotope .isotope-item {
    -o-transition-property:         top, left, opacity;
    transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    transition: none;
}


/* Fotos
--------------------------------------------------------*/

#Fotos {
    padding-top: 0px;
}
.fotosContainer {
    padding-bottom: 50px;
}
.galerie {overflow: hidden; width: 986px; margin: 0 auto;}
.galerie a {margin: 0; padding: 0; float: left; display: block; width: 328px; height: 200px; background-image: none;}

.galerie img {margin: 0; padding: 0; float: left; width: 100%;}


/* cast
--------------------------------------------------------*/

#cast {

}
.castContainer {
}
.cast {
    width: 590px;
    margin: 34px auto;
    font-style: normal;
    line-height: 18px;
}
.cast .text-right, .cast .text-left {
    width: 285px;
}


/* Press
--------------------------------------------------------*/

#press {

}
.pressContainer {
}

.wholebox{
   
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0px auto;
    vertical-align: middle;
  }

.imgcenter {
    vertical-align: middle;
    border: 0 none;
    max-width: 150px;
padding: 15px;
}


.press {
    
width: auto;
    margin: 34px auto;
    font-style: normal;
    line-height: 18px;
text-align: center;
}

.press .text-right, .press .text-left {
    width: 0px;
}

#news {

}
.newsContainer {
}

.wholebox{
   
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0px auto;
    vertical-align: middle;
  }

.imgcenter {
    vertical-align: middle;
    border: 0 none;
    max-width: 150px;
padding: 15px;
}


.news {
    
width: auto;
    margin: 34px auto;
    font-style: normal;
    line-height: 18px;
text-align: center;
}

.news .text-right, .news .text-left {
    width: 0px;
}

#kino {

}
.kinoContainer {
}

.wholebox{
   
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0px auto;
    vertical-align: middle;
  }

.imgcenter {
    vertical-align: middle;
    border: 0 none;
    max-width: 150px;
padding: 15px;
}


.kino {
    
width: auto;
    margin: 34px auto;
    font-style: normal;
    line-height: 18px;
text-align: center;
}

.kino .text-right, .kino .text-left {
    width: 0px;
}



#dvd {

}
.dvdContainer {
}

.wholebox{
   
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0px auto;
    vertical-align: middle;
  }

.imgcenter {
    vertical-align: middle;
    border: 0 none;
    max-width: 300px;
padding: 15px;
}


.dvd {
    
width: auto;
    margin: 34px auto;
    font-style: normal;
    line-height: 18px;
text-align: center;
}

.dvd .text-right, .dvd .text-left {
    width: 0px;
}








/*footer
--------------------------------------------------------*/	

#footer{
    position:relative; 
    overflow:hidden; 
    padding:10px 0 100px 0; 
    z-index:1;
    background:#fff;
}
#footer p.copyright{
    margin-bottom:0;
    margin-top: 10px;
    text-align: center;
    color: #888888;
}


.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: medium none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.slides li {
    margin: 0;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    backface-visibility: hidden;
    display: none;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li:first-child {
    display: block;
}
.flexslider {
    position: relative;
    z-index: 1;
}
.flexslider .slides > li {
    position: relative;
}
.flex-container {
    position: relative;
}
.flexslider .slides img {
    display: block;
    margin: auto;
    max-width: 100%;
}
.flex-direction-nav a {
    background-image: url("../images/flex-nav.png");
    cursor: pointer;
    display: block;
    height: 60px;
    margin: -30px 0 0;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 30px;
}
.flex-direction-nav a.flex-next {
    background-position: 0 300px;
    position: absolute;
    right: 0;
}
.flex-direction-nav a.flex-next:hover {
    background-position: 60px 300px;
}
.flex-direction-nav a.flex-prev {
    background-position: 90px 300px;
    left: 0;
    position: absolute;
}
.flex-direction-nav a.flex-prev:hover {
    background-position: 30px 300px;
}
.flexslider:hover .flex-next {
    opacity: 1;
    right: 0;
}
.flexslider:hover .flex-prev {
    left: 0;
    opacity: 1;
}
.flex-direction-nav .disabled {
    cursor: default;
    opacity: 0.3 !important;
}
.flex-direction-nav .flex-next {
    right: -30px;
}
.flex-direction-nav .flex-prev {
    left: -30px;
}
#carouselSlider, #carouselSlider .slides, #carouselSlider .slides li {
    height: 120px;
}
#carouselSlider li {
    border-right: 1px solid #cacaca;
}
.flex-control-nav {
    margin-top: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.flex-control-nav li {
    display: inline-block;
    margin: 0 0 0 3px;
}
.flex-control-nav li:first-child {
    margin: 0;
}
.flex-control-nav li a {
    cursor: pointer;
    display: block;
    height: 14px;
    text-indent: -9000px;
    width: 14px;
}
.flex-control-nav li a:hover {
    background-position: 0 0;
}
.flex-control-nav li a.active {
    background-position: 0 -14px;
    cursor: default;
}


/* MISC
--------------------------------------------------------*/		

.clear{float:none;}			

.titelimage{margin: 0 auto; width: 100%; text-align: center; margin-bottom: 60px;}
.titelimage img {margin: 0 auto; max-width: 717px; width: 100%; }
img.dvd {margin: 0 auto; max-width: 491px; width: 100%; }
.smalltitelimage{margin: 0 auto; width: 50%; text-align: center; margin-bottom: 50px;}
.smalltitelimage img {margin: 0 auto; max-width: 717px; width: 100%; }

/* Audio */
.audiojs {
    width: 80px;
   
background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.audiojs .play-pause {
    padding: 0px 40px;
}
.audiojs .loading {
    background: url("../audio/player-graphics.gif") 4px -28px no-repeat;
}
.audiojs .pause {
    background: url("../images/sound_gif.gif") 0 0 no-repeat;
}
.audiojs .play {
    background: url("../images/sound_stop.png") 0 1px no-repeat;
}
.audiojs p {
    width: 38px;
}
#nav .right {
    position: absolute;
    display: block;
    right: 20px;
    top: 2px;
}

/* Media Queries
--------------------------------------------------------*/

/* Smaller than standard 1199 (devices and browsers) */
@media only screen and (max-width: 1199px) {

    .parallax.fixed{background-attachment:scroll; background-position: center center;}
    
    #filmtitel {background-image: url(../images/parallax_1200.jpg);}
    #parallax {background-image: url(../images/parallax-1_1200.jpg);}
    #parallax-2 {background-image: url(../images/parallax-2_1200.jpg);}
    #parallax-3 {background-image: url(../images/parallax-3_1200.jpg);}
    #parallax-4 {background-image: url(../images/parallax-4_1200.jpg);}
    #parallax-5 {background-image: url(../images/parallax-5_1200.jpg);}
    #parallax-6 {background-image: url(../images/parallax-6_1200.jpg);}
    #parallax-7 {background-image: url(../images/parallax-7_1200.jpg);}
}


/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .teamImage h2 {margin-top: 105px; font-size:40px;}
    input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 100%;}
    .galerie {width: 960px;}
    .galerie a {width: 320px;height: 215px;}
    .quiz-preise{width:960px; height:380px;}
    .g2 {  top: 70px; left: 306px;}
    .g3 {    top: 0;    left: 611px;}
    #footer-nav #kf input {width: 110px;}  
    #footer-nav .monoqi {margin-left: 110px;}

}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1320px) {
    .jep{display:none;}
}
@media only screen and (max-width: 959px) {
        #nav {margin-right: 40px;}
    #nav a {padding: 10px 15px;}
    .small {font-size: 30px; font-weight:300;}
    .smallBold {font-size: 30px; font-weight:700;}
    .medium {font-size: 38px; text-transform: uppercase;}
    .mediumBold {font-size: 38px; font-weight:700; text-transform: uppercase;}
    .large {font-size: 50px; text-transform: uppercase;}
    .largeBold {font-size: 50px; font-weight:700; text-transform: uppercase;}
    .author {font-size: 16px; font-weight:300;}
    input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 100%;}
    .synopsis {width: 740px;}
    .synopsis .text-left, .synopsis .text-right{width: 360px;}
    nav ul li a {padding: 10px 20px;}
    #footer-nav #kf .form-item {display: none;}
    #footer-nav .monoqi {margin-left: 15px;}


}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    h1 {font-size: 200px;}
    .teamImage h2 {margin-top: 75px; font-size:32px;}
    .parallax.fixed{background-attachment:scroll; background-position: center center;}
    .galerie {width: 768px;}
    .galerie a {width: 256px;height: 172px;}
    .quiz-preise{width:768px; height:560px;}
    .g2 {  top: 0px;left: 420px;}
    .g3 {   top: 236px; left: 210px;}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .btn-navi  { display: block;}
    #nav, #footer-nav {display: none;}
    #slidecaption { display:none;}
    #prevslide, #nextslide{top:120px;}
    .parallax.fixed{background-attachment:scroll; background-position: center center;}
    #prevslide {right: 45px; transform: scale(.5);}
    #nextslide {right: 22px; transform: scale(.5);}
    .homepage {margin-bottom: -50px;}
    .thumbImage .thumbTextWrap {padding: 0 10px;}
    .thumbImage .thumbText p {font-size: 12px;}
    .thumbImage .thumbText h3 {font-size: 21px;}
    .synopsis, .cast {width: 100%; }
    .synopsis .text-left, .synopsis .text-right{width: 100%;}
    .text-left, .text-right{text-align:left; padding: 0; width: 100%;}
    .cast .text-left, .cast .text-right{text-align:center; padding: 0; width: 100%;}
    #contact_form .form-item, #contact_form .submit{width: 300px; margin: 0 auto;}
    label.answer {margin-left: 36%;}
    .galerie {width: 100%;}
    .galerie a {float: none; margin: 0 auto;}
    .quiz-preise{width:300px; height:auto;}
    .gewinn {
        background-size: 900px;
        width: 300px;
        height: 260px;
    }
    .g1.active {    background-position: 0 -260px; background-size: 900px;}
    .g2 { position: relative; top:-1px; left: 0; background-position: -300px 0;}
    .g2.active {    background-position: -300px -260px; background-size: 900px;}
    .g3 {   position: relative;top:-2px; left: 0;background-position: -600px 0;}
    .g3.active {    background-position: -600px -260px; background-size: 900px;}
    #kf .form-item, #kf .submit{width: 300px; margin: 0 auto; display: block;}
    #kf input {width: 100%;}
    nav ul li a {padding: 5px 20px;}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    h1 {font-size: 110px;}
    h1 span{font-size: 80px;}
    .partner-logos img {width:100%;height:358px;}

    .link-mitte {top: 44px; left: 24px;  height: 50px;}
    .link-bremer {top: 102px; left: 148px;  height: 80px;}
    .link-dante {top: 242px; left: 148px;  height: 80px;}
    .link-stuttgart {top: 30px; left: 269px;  height: 83px;}
    .link-monoqi {top: 192px; left: 272px;  height: 44px;}
    .link-istituto {top: 181px; left: 23px; height: 64px;}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    h1 {font-size: 80px;}
    h1 span{font-size: 60px;}
    .teamImage h2 {margin-top: 105px; font-size:40px;}
    .parallax, #parallax {height: 250px;}
    #parallax {background-image: url(../images/parallax-1_500.jpg);}
    #parallax-2 {background-image: url(../images/parallax-2_500.jpg);}
    #parallax-3 {background-image: url(../images/parallax-3_500.jpg);}
    #parallax-4 {background-image: url(../images/parallax-4_500.jpg);}
    #parallax-5 {background-image: url(../images/parallax-5_500.jpg);}
    #parallax-6 {background-image: url(../images/parallax-6_500.jpg);}
    #parallax-7 {background-image: url(../images/parallax-7_500.jpg);}
    
    .partner-logos img {width:100%;height:256px;}

    .link-mitte {top: 32px; left: 16px;  height: 36px;}
    .link-bremer {top: 70px; left: 105px;  height: 60px;}
    .link-dante {top: 172px; left: 105px;  height: 56px;}
    .link-stuttgart {top: 21px; left: 193px;  height: 61px;}
    .link-monoqi {top: 138px; left: 193px;  height: 30px;}
    .link-istituto {top: 127px; left: 17px; height: 54px;}

}
strong, b {font-weight: 700; }
.parallax-jep {background-position: 100% 100%; background-color: transparent;}

.error-message {display: none; font-weight: 700; text-align: center; margin: 10px 0;}

.design {
    opacity: 0.5;
    background: url("../images/png/line.png") no-repeat  50% 0 transparent;
    padding-top: 50px;
    margin-top: 70px;
    font-style: italic;
    text-align: center;
}
.partner-logos .design a {
    position: relative;
    width: auto;
    display: inline;
    background: none;
}