@charset "utf-8";
/* CSS for sofa-film.com
individual changes on bootstrap.css
and more individual styling
(c) Michi 2017
*/

/* body mass index */
body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	color: #e6d466 !important;
	background-color:#000841 !important;
	padding-top: 25px;
}
@media (min-width:768px) {
	/* space for navbar-fixed */
	body {
		padding-top: 90px;
	}
}
.wow {
   /*visibility: hidden;*/
}

/* CONTAINER AND NAVBAR */
/* container fixed width */
.navbar, .navbar-default, .navbar-fluid, .navbar-fixed-top, .container, .container-fluid {
	max-width:1260px;
	border:none;
}

/* CONTAINER */
.container-fluid {
	padding: 25px 10px;
}
@media (min-width:768px) {
	.container-fluid {
		padding: 0px 50px 75px 50px;
	}
}

/* NAVBAR */
/* no rounded borders in navbar */
.navbar-default {
	border-radius: 0px;
}
/* navbar-fluid same as container-fluid : centered navbar in browser page */
.navbar-fluid {
	margin-right: auto;
	margin-left: auto;
	margin-top:0;
	margin-bottom:0;
}
/* navbar fixed */
.navbar-fixed-top {
	padding: 0 ;
	background-color: transparent !important;
	transition: all 0.5s ease;
}
.navbar-sticky {
	padding-top: 0 !important;
	height: 80px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000840+0,000840+100&1+0,0.9+46,0.63+83,0+100 */
	background: -moz-linear-gradient(top, rgba(0,8,64,1) 0%, rgba(0,8,64,0.9) 46%, rgba(0,8,64,0.63) 83%, rgba(0,8,64,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,8,64,1) 0%,rgba(0,8,64,0.9) 46%,rgba(0,8,64,0.63) 83%,rgba(0,8,64,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(top, rgba(0,8,64,1) 0%,rgba(0,8,64,0.9) 46%,rgba(0,8,64,0.63) 83%,rgba(0,8,64,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000840', endColorstr='#00000840',GradientType=0 ); /* IE6-9 */
	transition: all 0.5s ease;
}
/* logo position */
.navbar-logo {
	width: 50%;
	margin-top: 5px;
	margin-right:0px;
}

/* navbar and logo on small devices xs */
@media (max-width:767px) {
	/* move logo */
	.navbar-logo {
		margin-left:5px !important;
		transition: all 0.5s ease;
	}
	/* style hamburger */
	.navbar-toggle,
	.navbar-toggle:focus,
	.navbar-toggle:hover {
		 background-color: #000841 !important;
	}
	/* background-style for ul li */
	.navbar-toggle-bg {
		margin-top: 0;
		background-color: #172374 !important;
	}
}
/* navbar an logo on devices sm */
@media (min-width:768px) {
	.navbar-fixed-top {
		padding: 25px 20px 0 20px;
	}
	.navbar-sticky {
		padding-top: 5px !important;
		}
	.navbar-logo {
		width: 70%;
		margin-top: -10px;
		transition: all 0.5s ease;
	}
	.navbar-logo-sticky {
		width: 50%;
		margin-top: 5px;
		transition: all 0.5s ease;
	}
}
/* navbar and on devices md */
@media (min-width:992px) {
	.navbar-logo {
		width: 80%;
		margin-top: -8px;
		transition: all 0.5s ease;
	}
	.navbar-logo-sticky {
		width: 50%;
		margin-top: 5px;
		transition: all 0.5s ease;
	}
}
/* navbar on devices lg */
@media (min-width:1200px) {
	.navbar-logo {
		width: 100%;
		margin-top: -5px;
		transition: all 0.5s ease;
	}
	.navbar-logo-sticky {
		width: 50%;
		margin-top: 5px;
		transition: all 0.5s ease;
	}
}

/* doublespaced menu for sm + md */
@media (min-width:768px) and (max-width:991px) {
	/* no float on li - floating via .menu-block */
	.navbar-nav>li {
	float: none;
}
	/* no padding on a - padding via .menu-block */
	.navbar-nav>li>a {
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* double-(or more-)spaced menu */
.menu-block {
	display: block;
	float:left;
	padding: 0 10px;
}
@media (min-width:992px) {
	.menu-block {
		padding: 5px 15px;
	}
}
.menu-block-odd {
	padding-top:15px;
}

/* End navbar */

/* LINKS */
a {
	color:#156fbd !important;
	background-color:transparent !important;
	text-decoration:none !important;
	outline: none;
}
a:hover, a:focus {
	color:#54A5EC !important;
	outline: none;
}
/* navbar links */
.navbar a {
	color:#156fbd !important;
	font-size: 13px;
	font-weight:bold;
	/*text-shadow: #FFF 0.1em 0.1em 0.2em; */
	background-color:transparent !important;
	text-decoration:none !important;
}
.navbar a:hover {
	color:#54A5EC !important;
	/*border-bottom: #ff0000 5px solid;*/
}
/* scroll-spy */
.navbar-default .navbar-nav .menu-block > .active > a, 
.navbar-default .navbar-nav .menu-block > .active > a:hover, 
.navbar-default .navbar-nav .menu-block > .active > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color:#986C10 !important;
}
/* selected main menu links while submenu is open */
.dropdown-toggle:active, 
.dropdown-toggle:focus, 
.open .dropdown-toggle, 
.open .dropdown-toggle:active, 
.open .dropdown-toggle:focus, 
.open .dropdown-toggle:hover, 
.open .dropdown-toggle:link {
	background:#CCC !important; 
	color:#FFF !important;
}
/* selected menu links */
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:active {
  background-color: #DDD !important;
  background-image: none;
}

/* changing backgrounds */
.bg-color-1 {
	/*background-image: url(../../img/grafik/glas-blau-dunkel.png);*/
	border-bottom: solid 1px #e1d581;
}
.bg-color-2 {
	/*background-image: url(../../img/grafik/glas-blau-hell.png);*/
	border-bottom: solid 1px #e1d581;
}

.default-panel, .panel, .panel-heading, .panel-body {
	background-color: transparent !important;
	border-color: #e6d466 !important;
}
.panel-heading a:hover{
	color: #54A5EC !important;
}

/* TOPs */
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}
h3 {
	margin:25px 0 20px 20px;
	font-weight:bold;
}
/* h3 contains linebreak and colored underscore  */
@media (min-width:768px) {
	.row > h3:first-of-type {
	margin-left: 0;
	margin-top:75px;
	}
}
.row > h3:first-of-type:after {
	color:#156fbd;
	font-size: 30px;
	line-height:15px;
	content:"\A \2014";
	white-space: pre;
}
h4 {
	margin: 25px 0 10px 0;
}
ul, ol {
	font-size:16px;
}
.shop li{
	text-align:left !important; 
	margin-left:10px !important;
	font-size:14px;
}

/* layerslider */
	#slider-wrapper {
		margin: 0 auto;
	}
	
	*[id^="layerslider"] h1,
	*[id^="layerslider"] h2,
	*[id^="layerslider"] h3,
	*[id^="layerslider"] h4,
	*[id^="layerslider"] h5,
	*[id^="layerslider"] h6 {
		color: #f2f2f2;
		white-space: nowrap;
	}
	*[id^="layerslider"] h1 {
		font-size:55px; padding-right: 10px; padding-left: 10px;
		font-weight: bold;
	}
	*[id^="layerslider"] h2 {
		font-size:50px; padding-right: 10px; padding-left: 10px;
		font-weight: bold;
	}
	*[id^="layerslider"] h4 {
		font-size:23px;
		font-weight: normal;
	}
	*[id^="layerslider"] h5 {
		font-size:21px;
		font-weight: normal;
	}
	
/* end layerslider */

/* CLASSES */
.pressfrisch {
	color: #CB7100;
	margin-top: 0px;
	margin-bottom: 10px;
}
.agb p {
	text-align: justify;
}
.spaltensatz {
	text-align: justify;
}
@media screen and (min-width: 768px)  {
	.spaltensatz {
		width: 100%;
		padding-top:10px;  
		-moz-column-count: 2; 
		-moz-column-gap: 60px; 
		-webkit-column-count: 2; 
		-webkit-column-gap: 60px; 
		column-count: 2; 
		column-gap: 60px;
		orphans:2; widows: 2;
	}
	.spaltensatz p {
		orphans:2; widows: 2;
	}
	.spaltensatz p:first-of-type {
		margin-top:0;
	}
}

/* cover design for cd */
.cd-cover {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: rgba(9,9,104,0.2) !important;
	border: 1px solid #ddd;
	border-radius: 3px;
	border-left-width: 15px !important;
	border-left-color: rgba(9,9,104, 0.2) !important;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

/* VIP */
.mk {
	color:#986C10;
	font-size: 80%;
}
#slider-wrapper {
	margin: 0 auto;
}

.production-label {
	margin-bottom: 20px !important;
}

#playlist li {
	color:#156fbd;
}
#playlist li:hover {
	color:#54A5EC !important;
	cursor: pointer;
}
#video-title {
	color: #e6d466 !important;
	font-weight: bold;
}

/* SHOP */
input {
	font-size: 16px;
	background-color: #CCC;
	color: #001290;
	border-width: 1px;
	margin-top: -1px;
	padding-bottom: 0;
	line-height: 1.1;
	width: 350px;
}
input.knr {
	width: 50px;
}
input.plz {
	width: 100px;
}
textarea { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	background-color: #CCC; 
	color: #001290; 
	border-width: 1px; 
	width: 350px;
	height:100px;
}
.form-fehler { color: #FF0000; font-weight: bold; }
.form-hinweis { text-decoration: underline; }

form input.check0, 
form input.check1, 
form input.check2,
form input.check0 {
	background:#0e8568;
	color: #e1d581;
	border-color: white navy navy white;
	padding: 10px;
	width: 300px;
}
form input.check1 {
	background:#e6d466;
	color: #663300;
	border-color: white #780000 #780000 white;
}
form input.check2 {
	background:#af0000;
	color: #e1d581;
	border-color: white #780000 #780000 white ;
}

.FormBlock,
.FormZeile {
	height: auto;
}
.FormZeile { 
	margin: 0 auto;
	width: 430px;
	padding-top: 5px; 
	padding-bottom: 5px; 
}
.FormZeile { 
	clear:both;
}
.FormSpalte0,
.FormSpalte1,
.FormSpalte2 {
	float: left; 
	height: auto;
	font-size: 16px;
}
.FormSpalte0 {
	width:430px; 
	text-align: left; 
}
.FormSpalte1 {
	width:70px; 
	text-align: right; 
	font-size:12px; 
}
.FormSpalte2 { 
	width:350px; 
	margin-left: 5px; 
	text-align: left; 
}

form input.fixCurE,
form input.fixCurM,
form input.fixCurS,
form input.fixAnz,
form input.varAnz {
	text-align: right; 
	font-size:16px; 
}
form input.fixCurE,
form input.fixCurM,
form input.fixCurS,
form input.fixAnz {
	color:#e6d466; 
	border: 0; 
	background-color:transparent; 
}
form input.fixCurE { 
	width: 45px; 
}
form input.fixCurM { 
	width: 60px; 
	font-size:14px;
}
form input.fixCurS { 
	width: 70px; 
}
form input.fixAnz { 
	width: 25px; 
}
form input.varAnz { 
	width: 25px; 
}

.vergriffen {color:#F30; font-style:italic;}
.restposten {color:#F63; font-style:italic;}

hr {
	margin: 20px 15%;
	padding: 0;
	border: solid 1px #e1d581;
}

/* Shop 2 */
.shop {
	text-align:justify;
}
@media (max-width:360px) {
	.shop {
		text-align:left;
	}
}
.shop-order table {
	border-width: 1px;
	border-style: none;
	border-color: #e1d581;
	border-collapse:collapse;
	border-spacing: 0;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	vertical-align: middle;
	direction:ltr;
	width:auto;
	height:auto;
	display:table;
	float:none;
	font-family:'Arial','Arial',sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
}
.shop-order tr {
	vertical-align:middle;
	border-bottom: 1px dashed #e1d581;
}
.shop-order th {
	text-align:left;
	vertical-align:middle;
	font-size:12px;
	padding: 0 5px ;
}
.shop-order td { 
	text-align:left;
	vertical-align:top;
	padding: 10px 5px;
}

.shop-order .art {}
.shop-order .typ {}
.shop-order .epr {text-align: right; padding-right:1px; white-space: nowrap}
.shop-order .anz {text-align: right;}
.shop-order .gpr {text-align: right; padding-right:1px; white-space: nowrap}
.shop-order .vsk {colspan: 3; font-size: 80%;}

.shop-order th.anz {padding-left:10px;}
.shop-order tr.zsum {border-bottom: 1px solid #e1d581;}
.shop-order tr.gsum {border-bottom: 3px double #e1d581;}
.shop-order tr.none {border-bottom: 0px;}


.shop-order td.epr::after, .shop-order td.gpr::after {
	content:"\00a0€";
}