/*
Theme Name:     NewsPlus Child
Theme URI:      http://labs.saurabh-sharma.net/themes/newsplus/wp/
Description:    Child theme for the NewsPlus theme
Author:         Saurabh Sharma
Author URI:     http://themeforest.net/author/SaurabhSharma
Template:       newsplus
Version:        1.8.0
*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('fonts/open-sans-v15-latin-600italic%EF%B9%96.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

 /* ---------------------------------------------------------------
  * 1. GENERAL
  * Place your general theme styles in this section.
  * ------------------------------------------------------------ */


 body {
   font-family: "Open Sans";
 }

 #header {
 	padding-top: 0;
 	padding-bottom: 0;
 }

 #header div.wrap.clear {
 }

 #main-nav {
 	z-index: 9999;
 }

 .brand {
 	position: relative;
 	float: left;
 	width: auto;
 	max-width: 340px;
 	margin-bottom: 1.5em;
	margin-top: 1.5em;

 }

 ul.nav-menu > li.current-menu-item > a,
 ul.nav-menu > li.current-menu-ancestor > a,
 ul.nav-menu > li.current_page_item > a,
 ul.nav-menu > li.current_page_ancestor > a {
 	border-top: 2px solid #336699;
 }

 .entry-content p {
 	font-size: 1.12em;
 	line-height: 1.65;
 	color: #333333;
 }

 .post-excerpt {
 	font-size: 1.12em;
 	line-height: 1.65;
 	color: #333333;
 }

 .widgets_on_page ul {
 	margin: 0 0 0 0;
 }

 img.attachment-shop_catalog.wp-post-image {
 	display: none;
 	visibility: hidden;
 }

 .product.woocommerce {
 	margin-bottom: 0;
 	display: inline-block;
 }

 .product.woocommerce .amount {
 	width: 70px;
 	display: block;
 	float: left;
 }

 .product.woocommerce .added_to_cart {
 	display: none;
 }

 .product.woocommerce .add_to_cart_button {
 	float: left;
 }

 #ticketshop {
 }

 #ticketshop tbody tr  {
 	border-bottom: 1px solid #eee;
 }

 #ticketshop tbody tr td {
 	vertical-align: middle;
 	border-style: none;
 }

 #ticketshop tr.ticketshop_trenner {
 	border-bottom: 1px solid #333;
 }

 #payment ul.payment_methods.methods li.payment_method_stripe label img {
 	height: 32px;
 }

 div.home_slider {
 	margin-top: 2em;
 }

 td {
 	text-align:left;
 	padding-top: 0.6666em;
 	padding-bottom: 0.6666em;
 	border: 1px solid #e5e5e5;
 	padding-right: 0.5em;
 	padding-left: 0em;
 }

 #responsive-menu {
 	display: none;
 }

 p.legaldisclaimer {
 	font-size: 0.7em;
 	border: 1px solid #bbbbbb;
 	padding: 5px;
 }

 /* @group Buttons */

.button {
 	color: #fff;
 	background-color: #333;
 	display: inline-block;
 	padding: 0.5em;
 	border: 0;
 	outline: 0;
 	font-size: 1em;
 	text-decoration: none;
 	line-height: 1em;
 	white-space: nowrap;
 	cursor: pointer;
 	position: relative;
 	margin: 0;
 	box-sizing: border-box;
 	margin-bottom: 0.5em;
 	border-radius: 2px;
 	transition-property: background-color;
 	transition-duration: .1s;
 }

.button-right{
	float: right;
  }

.button-green {
 	background-color: #45ad5e;
 	color: #fff;
  }

.button-green:hover, .button-green:active {
 	background-color: #43bb60;
 	color: #fff;
  }

.button-yellow {
 	background-color: #ffd200;
 	color: #333333;
  }

.button-yellow:hover, .button-yellow:active {
 	background-color: #ffae00;
 	color: #393939;
  }

.button-darkred {
 	background-color: #bb0000;
 	color: #fff;
  }

.button-darkred:hover, .button-darkred:active {
 	background-color: #db0000;
 	color: #fff;
  }

.button-dark {
 	background-color: #333333;
 	color: #ffffff;
  }

.button-dark:hover, .button-dark:active {
 	background-color: #393939;
 	color: #ffffff;
  }

.button-light {
 	background-color: #dddddd;
 	color: #333333;
  }

.button-light:hover, .button-light:active {
 	background-color: #dddddd;
 	color: #333333;
  }

.button-xl {
 	font-size: 3em;
   }

.button-l {
 	font-size: 2em;
   }

.button-m {
 	font-size: 1.3em;
   }

.button-s {
 	font-size: 1em;
   }

.button-xs {
 	font-size: 0.7em;
   }

.button-fit {
 	width: 100%;
   }

 #headershoplink {
 	float: right;
 	width: 30%;
 	margin-top: 2em;
 	text-align: right;
   }


 /* @end */

 /* @group Lightbox */

 .lb-image {
 	max-width: none!important;
 }

 .gallery-item {
     float: left;
 }

 /* @end */

 /* @group Start */

 img.start-header-max {
 	display: block;
 	margin-right: auto;
 	margin-left: auto;
 }

 img.start-header-768 {
 	display: none;
 	margin-right: auto;
 	margin-left: auto;
 }

 img.start-header-480 {
 	display: none;
 	margin-right: auto;
 	margin-left: auto;
 }

.start-content {
	background: #ffffff;
	margin-bottom: 5em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.start-content #content {
	margin: 2em;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
		margin-right: 1em;
	margin-left: 1em;
	}

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

 /* @end */

 /* @group Production Header */

.wrap.clear.production {
	padding-top: 0!important;
	}

#production-header {
 	display: block;
 	float: none;
 	width: 100%;
 	margin: 0;
	text-align: center;
}

#production-header-768 {
 	display: none;
 	float: none;
 	width: 100%;
 	margin: 0;
 	}

#production-header-480 {
 	display: none;
 	float: none;
 	width: 100%;
 	margin: 0;
 	}

 h1.textheader {
 	font-size: 3em;
 	font-weight: bold;
 	text-transform: uppercase;
 	opacity: 0.90;
 	color: #000000;
 	margin-bottom: 0;
 	margin-top: 0;
 	padding-top: 2em;
 	padding-bottom: 2em;
 }

#cast td {
	padding-left: 5px;
}

 /* @group Production header logo */

 .production-header-logo-wrap {
 	text-align: center;
 }

 .produktion-header-logo-100 {
 	width: 100%;
 }

 .produktion-header-logo-100margin {
 	width: 100%;
 	margin-top: 7em;
 	margin-bottom: 5em;
 }

 .produktion-header-logo-70 {
 	width: 70%;
  }

 .produktion-header-logo-70margin {
  	width: 70%;
 	margin-top: 7em;
 	margin-bottom: 5em;
 }

 .produktion-header-logo-50 {
  	width: 50%;
  }

 .produktion-header-logo-50margin {
  	width: 50%;
  	margin-top: 7em;
  	margin-bottom: 5em;
  }


  @media only screen and (max-width: 600px) {
  	.production-header-logo-wrap {
  		text-align: center;
  	}

  	.produktion-header-logo-100 {
  		width: 100%;
  	}

  	.produktion-header-logo-100margin {
  		width: 100%;
  		margin-top: 4em;
  		margin-bottom: 2em;
  	}

  	.produktion-header-logo-70 {
  		width: 90%;
  	 }

  	.produktion-header-logo-70margin {
  	 	width: 90%;
  		margin-top: 4em;
  		margin-bottom: 2em;
  	}

  	.produktion-header-logo-50 {
  	 	width: 85%;
  	 }

  	.produktion-header-logo-50margin {
  	 	width: 85%;
  	 	margin-top: 4em;
  	 	margin-bottom: 2em;
  	 }
   }

 /* @end */

 .textfarbeweiss {
 	color: #ffffff!important;
 }

 /* @end */

 /* @group Co-Brand Landingpages */

  .cobrand-logo {
 	margin-bottom: 1.5em;
 }

 .cobrand-header {
 	margin-bottom: 0.5em;
 	margin-top: 0.5em;
 	max-height: 2.5em;
 }

 /* @end */

 /* @group Produktion 2 */

 .wrap.clear.produktion2 {
 	display: block;
 	 }

 .produktion2-header {

 }



 .produktion2-content {
 	background: #ffffff;
 	margin-bottom: 5em;
 	padding-top: 1em;
 	padding-bottom: 1em;
 }

.produktion2-header-xxl, .produktion2-header-xl, .produktion2-header-l, .produktion2-header-m, .produktion2-header-s {
	display: none;
	width: 100%;
 }


 @media only screen and (min-width: 1981px) {
 	.produktion2-header-xxl {
 		display: block;
 	}
 }

 @media only screen and (max-width: 1980px) and (min-width: 1441px) {
 	.produktion2-header-xl {
 		display: block;
 	}
 }

 @media only screen and (max-width: 1440px) and (min-width: 768px) {
 	.produktion2-header-l {
 		display: block;
 	}
 }

 @media only screen and (max-width: 768px) and (min-width: 480px) {
 	.produktion2-header-m {
 		display: block;
 	}
  }

 @media only screen and (max-width: 480px) {
 	.produktion2-header-s {
 		display: block;
 	}
 }

/* @end */

 /* @group Pressquotes
  */

  .pressquotes {
  	-moz-column-count: 2;
  	-webkit-column-count: 2;
  	column-count: 2;
  	-moz-column-gap: 1em;
  	-webkit-column-gap: 1em;
  	column-gap: 4em;
  }

  .pressquote {
  	display: inline-block;
  	margin: 0 0 1em;
  	width: 100%;
  }

  .pressquotetext {
  	margin-top: 1.5em;
  	margin-bottom: 0.5em;
  	margin-left: 5%;
  	quotes: "\201C""\201D""\2018""\2019";
  	text-align: justify;
  }

  .pressquotetext:before {
  	color: #ccc;
  	content: open-quote;
  	font: 7em Georgia, "Times New Roman", Times, serif;
  	line-height: 0em;
  	margin-right: 0.2em;
  	vertical-align: -0.4em;
  }

   .pressquotetext:after {
   	content: no-close-quote;
   }

   .pressquotesource {
   	font-style: italic;
   	margin-left: 10%;
   	width: 85%;
   }

  @media only screen and (max-width: 768px) {
  	.pressquotes {
  		-moz-column-count: 1;
  		-webkit-column-count: 1;
  		column-count: 1;
  		-moz-column-gap: 1em;
  		-webkit-column-gap: 1em;
  		column-gap: 1em;
  	}
   }

  /* @end */

 /* @group Produktionsarchiv */

.produktion {
	width: 100%;
	float: left;
	margin-bottom: 1em;
	display: flex;
	line-height: 1.2;
}

.produktionsbild {
 	float: left;
 	width: 25%;
 	max-width: 200px;
 	min-height: 70px;
}


.produktionsbild img {
	float: left;
	}

.produktionbeschreibung {
	float: left;
	margin-left: 1em;
	margin-top: 1em;
	max-width: 75%;
	line-height: 1.4;
}

.produktionsliste-titel {
	font-size: 2.5em;
	margin-bottom: 0.3em;
	line-height: 1.2;
}

.produktionsliste-titel .produktionstitel {
	font-weight: bold;
}

 p.produktionsuntertitel {
	font-size: 1.5em;
	margin-bottom: 0.6em;
 }

 /* @end */

 /* @group Produktionsarchiv 2 */

 .archivitem {
	position:relative;
	width: 25%;
	display:block;
	float: left;
 }


 .archivitem:before {
	content: "";
	display:block;
	padding-top: 100%;
 }

 .archivitem .archivcontent {
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
 	background-color: #eeeeee;
 	padding-top: 5%;
 	padding-left: 5%;
 	background: no-repeat center center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	 background-size: cover;
 }

 .archivitem:hover .archivcontent {
 }

 .archivitem .innerbox {
	background-color: #000000;
	opacity: 0.8;
	display: inline-block;
 	padding: 5px;
 	max-width: 70%;
 	color: #ffffff;
 	font-size: 1.2em;
 }

.archivitem .innerbox p {
	margin: 0;
}

.archivitem:hover p {
  }

@media only screen and (max-width: 767px) {

	.archivitem {
		width: 33.33333%;
	}

 }

@media only screen and (max-width: 500px) {

	.archivitem {
		width: 50%;
	}


	.archivitem .innerbox {
		font-size: 1.1em;
	}

 }

 @media only screen and (max-width: 320px) {

 	.archivitem {
 		width: 100%;
 	}

  }

 /* @end */

 /* @group Startseite Posts */

  .starpageitem {
 	position:relative;
 	width: 33.33333%;
 	display:block;
 	float: left;
  }


  .starpageitem:before {
 	content: "";
 	display:block;
 	padding-top: 100%;
  }

  .starpageitem .starpagecontent {
 	position: absolute;
 	top: 5px;
 	left: 5px;
 	right: 5px;
 	bottom: 5px;
  	background-color: #eeeeee;
  	padding-top: 5%;
  	padding-left: 5%;
  	background: no-repeat center center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	 background-size: cover;
  }

  .starpageitem:hover .starpagecontent {
  }

  .starpageitem .innerbox {
 	background-color: #000000;
 	opacity: 0.8;
 	display: inline-block;
  	padding: 5px;
  	max-width: 70%;
  	color: #ffffff;
  	font-size: 1.2em;
  }

 .starpageitem .innerbox p {
 	margin: 0;
 }

 .starpageitem:hover p {
   }

 @media only screen and (max-width: 767px) {

 	.starpageitem {
 		width: 33.33333%;
 	}

  }

 @media only screen and (max-width: 500px) {

 	.starpageitem {
 		width: 50%;
 	}


 	.starpageitem .innerbox {
 		font-size: 1.1em;
 	}

  }

  @media only screen and (max-width: 320px) {

  	.archivitem {
  		width: 100%;
  	}

   }

  /* @end */

 /* @group Sponsoren */

.sponsoren {
 	padding-top: 1em;
 	border-top: 1px solid #333333;
 	text-align: center;
 	display: flex;
	background-color: #ffffff;
}

 ul.sponsorenliste {
 	display: inline-block;
 	margin: 0 auto;
 }

 li.sponsor {
 	float: left;
 	margin: 20px;
 	list-style: none;
 }

 li.sponsor a {
 	width: 150px;
 	height: 150px;
 	display: inline-block;
 }


 li.sponsor img {
 	max-width: 100%;
 	margin-right: auto;
 	margin-left: auto;
 }


 /* @end */

 /* @group Mobile Nav */

 .mobilenav{
 	font-size: 1.2em;
 	margin-bottom: 1em;
 }

 .mobilenav ul {
 	margin: 0;
 }

 .mobilenav li {
 	display: inline-block;
 	float: none;
 	margin: 0.3em;
 }

 .mobilenav a {
 	display: block;
 	background-color: #f0f0f0;
 	padding: 0.3em 0.6em;
 	border-radius: 0.3em;
 	color: #444444;
 }



 .mobilenav a:hover {
 	background-color: #dddddd;
 	color: #333333;
 }

 .menu-item-green a {
 	background-color: #45ad5e;
 	color: #fff;
 }

 .menu-item-green a:hover {
 	background-color: #43bb60;
 	color: #fff;
 }

 .menu-item-dark a {
	background-color: #333333;
	color: #ffffff;
 }

 .menu-item-dark a:hover {
	background-color: #393939;
	color: #ffffff;
 }

.mobilenav .current-page-ancestor a,
.mobilenav .current_page_item a {
	background-color: #336699;
	color: #ffffff;
}

 /* @end */

 /* @group Social Media Icons */

.socialmediaicons {
	margin-bottom: 2em;
	display: inline-block;
}

img.socialmediaicon {
	float: left;
	width: 18%;
	margin-right: 1.8%;
	margin-bottom: 1.8%;
}

 /* @end */

 /* @group Horiontales Scrollen */

 .scrolling-wrapper-flexbox {
 	width: 100%;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
     }

 .scrolling-content {
 	display: inline;
 }


 /* @end */


  /* @group Mitmachen */

  .page-id-4149 h3,
  .page-id-4149 h1,
  .page-id-4149 h2  {
  	background-color: #ffd700;
  	display: inline;
  	padding: 3px 5px 1px;
  	font-weight: bold;
  	text-transform: uppercase;
  }

 .page-id-4149 p  {
 	margin-top: 5px;
 }

  .page-id-4149 span.department-tag  {
  	background-color: #ffd700;
  	display: inline-block;
  	padding: 3px 5px 1px;
  	font-weight: bold;
  	text-transform: uppercase;
  	float: none;
	margin: 4px;
  }

  .page-id-4149 div.mitmachen-teaser  {
  	font-size: 1.2em;
  }

    .page-id-4149 .video-container  {
		margin-right: 0;
	margin-left: 0;
		padding-right: 0;
	padding-left: 0;
		margin-bottom: 2em;
	}



 /* @end */

 /* @group Streamingportal */



 /* @end */

 /* @group Streamplayer */

 .page-template-page-streamplayer {
 	color: #ffffff;
 }

  .page-template-page-streamplayer h1 {
 	color: #ffffff;
 }

   .page-template-page-streamplayer h2 {
 	color: #ffffff;
 }

   .page-template-page-streamplayer h3 {
 	color: #ffffff;
 }


 .page-template-page-streamplayer p {
 	color: #ffffff;
 }

.page-template-page-streamplayer .breadcrumbs a {
 	color: #ffffff;
 }

 .page-template-page-streamplayer .breadcrumbs .current {
 	color: #cccccc;
 }

 .page-template-page-streamplayer .site-content {
	background-color: #000000;
}

 .page-template-page-streamplayer .passster-form {
	background-color: #222222;
 	color: #ffffff;
 	width: 50%;
 	min-width: 320px;
 	max-width: 560px;
 }
 
 
 .page-template-page-streamplayer .passster-form input {
 	color: #333333;
 }

.page-template-page-streamplayer .passster-form p {
 	color: #ffffff;
 }

 .page-template-page-streamplayer .ss-label.black {
	background-color: #ffffff;
	color: #000000;
}

 #streamplayerarea {
 	margin-top: 3em;
 	margin-right: auto;
 	margin-left: auto;
 	width: 75%;
 	padding-top: 3em;
}


 /* @end */

 .only-480 {
 	display: none;
 }

.max-768 {
	display: none;
}

 .max-600 {
 	display: none;
 }

    /* ---------------------------------------------------------------
  * 2. TABLET
  * CSS fallback for device width 768px or below
  * ------------------------------------------------------------ */

 @media only screen and (max-width: 768px) {

 	#header div.wrap.clear {
 	}

 	.brand {
 		position: relative;
 		float: center;
 		width: auto;
 		width: 100%;
 		max-width: 300px;
 	}

 	.brand img{
 		max-width: 100%;
 		margin-left: auto;
 		margin-right: auto;
 		}

 	#main-nav {
 		display: none;
 		visibility: hidden;
 		height: 1px;
 	}

 	#production-header {
 	 	display: none;
 	 	}

 	#production-header-768 {
 		display: block;
 	}

 	#production-header-480 {
 	 	display: none;
 	 }

 	img.start-header-max {
 		display: none;
 	}

 	img.start-header-768 {
 		display: block;
 	}

 	img.start-header-480 {
 		display: none;
 	}

 	.brand {
 		position: relative;
 		float: none;
 		width: auto;
 		margin-bottom: 0;
 		margin-right: auto;
 		margin-left: auto;
 	}

	 #headershoplink {
 		float: none;
 		width: 100%;
	 	text-align: center;
	 	margin-top: 0.5em;
	 	display: none;
	 }

	 #headerticketshopbutton {
	 	float: none;
	 	width: 100%;
 	}

 	.only-480 {
		display: none;
	}

	.max-768 {
		display: block;
	}

	.max-600 {
		display: none;
	}

	 /* @group Sponsoren */

	  li.sponsor {
	  	margin: 10px;
	  }

	  li.sponsor a {
	  	width: 120px;
	  	height: 120px;
	  	display: inline-block;
	  }


	  li.sponsor img {
	  	max-width: 100%;
	  	margin-right: auto;
	  	margin-left: auto;
	  }

	 /* @end */

 }

 /* ---------------------------------------------------------------
  * 3. MOBILE
  * CSS fallback for device width 600px or below
  * ------------------------------------------------------------ */

 @media only screen and (max-width: 600px) {

	.max-600 {
		display: block;
	}

	.min-600 {
		display: hidden;
	}

	 /* @group Produktionsarchiv */

	 .produktionbeschreibung {
	 	float: left;
	 	margin-left: 0.6em;
	 	margin-top: 0.6em;
	 	max-width: 75%
	 }

	 .produktionsliste-titel {
	 	font-size: 1.8em;
	 	margin-bottom: 0.3em;
	 }

	  p.produktionsuntertitel {
	 	font-size: 1.2em;
	 	margin-bottom: 0.3em;
	  }

	  /* @end */

 }

 /* ---------------------------------------------------------------
  * 3. MOBILE
  * CSS fallback for device width 480px or below
  * ------------------------------------------------------------ */

 @media only screen and (max-width: 480px) {

 	#header div.wrap.clear {
 		}


	.brand {
		position: relative;
		float: center;
		width: auto;
		width: 100%;
		max-width: 300px;
	}

	.brand img{
			width: 100%;
			max-width: 300px;
			margin-left: auto;
			margin-right: auto;
		}

 	#production-header {
 	 	display: none;
 	 	}

 	#production-header-768 {
 		display: none;
 		}

 	#production-header-480 {
 	 	display: block;
 	 	}

 	img.start-header-max {
 		display: none;
 	}

 	img.start-header-768 {
 		display: none;
 	}

 	img.start-header-480 {
 		display: block;
 	}

 	.only-480 {
 		display: block;
 	}

 	.max-600 {
 		display: block;
 	}


 	.start-content {
 		background: #ffffff;
 		margin-bottom: 1em;
 		padding-top: 1em;
 		padding-bottom: 1em;
 	}


 	#content {
 		margin: 0.666666em!important;
 	}

 	.wrap {
 		width: 96%
 	}

 	/* @group Sponsoren */

 	 li.sponsor a {
 	 	width: 100px;
 	 	height: 100px;
 	 	display: inline-block;
 	 }


 	 li.sponsor img {
 	 	max-width: 100%;
 	 	margin-right: auto;
 	 	margin-left: auto;
 	 }




 	 /* @end */

 	 #main {
 	 	background-image: none!important;
 	 }


}

 /* ---------------------------------------------------------------
  * 3. MOBILE
  * CSS fallback for device width 374px or below
  * ------------------------------------------------------------ */

 @media only screen and (max-width: 374px) {

	 .mobilenav{
	 	font-size: 0.9em;
	 }

	 /* @group Produktionsarchiv */

	 .produktionsbild {
	 	display: none;
	 }

	 .produktionbeschreibung {
	 	max-width: 100%
	 }


	  p.produktionsuntertitel {
	  	display: none;
	  }

	  /* @end */
  }