@import "jquery.rating.css";

.movie {
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	/* overflow: hidden; */
	position: relative;
}

.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

ul.check li { list-style:none;  clear:left; margin:0 0 0 0; padding:0 0 0 33px;}
ul.check li::before {
	content: "\f00c";
	font: normal normal normal 16px/1 FontAwesome;
	display: inline-block;
	margin: 0 1em 0 -33px; 	color:#957460;}


.commentar { padding:2vw 0 0}


/* CSS3 Bootstrap Rating -----------------------------------------------*/

.glyphicon-star-empty, .glyphicon-star { font-size:20px; color:#313193; cursor:pointer  }
.glyphicon-star { color:gold }
/* ------------   hreview Formatierung ----------------- */

div#company-rating { float:left; width:300px;  line-height:25px }
.fn, .votes, .count { display:none }

#ratingName { float:left }
div.hreview-aggregate { float:left}
#starwrapper2 {  float:left; display:inline-block;  margin-left:5px; margin-top:5px; width:90px;  overflow:hidden; }
/* span.average { margin-left:10px} */
span.rating { float:left; line-height:25px;}

.date-published { font-size:16px; /* font-style:italic; */ padding: 10px 10px 10px 0; }
/*------------------------------------------------------------*/

.flexbox-item:first-child { background:#f6f6f6;}


#contentbottom		{ float:left; width:100%; height:30px }



h2 { text-align:left;font-size: 30pt; line-height:1.2em;}
	.art-wrapper h2 { text-align:left;font-size: 1.3em; font-weight:700; line-height:1em;}
h3 {
	font-size: 22pt;
	margin: 0 0 20px 0;
	line-height: 1em;
	text-transform:none;
	text-align:left;}

div.art-wrapper			{ float:left; width: 100%;  margin:0 0 0; padding:20px 0 0; text-align:justify; /* border-top:1px solid #eee; */}


.media { /*max-width:50%; margin:0 5% 5% 0;*/width:50%; height:auto; margin:0 5% 5% 0}
.ul-right { float:left; width:45%; text-align:left}


div#review-frm {
	float: left;
	width: 100%;
	background: #fafafa;
	padding:5rem;
	box-sizing: border-box;
}


/* Formular neuen Kommentar schreiben */
h4#wnr						{ float:left; width:100%; color:#707173; text-align:left}

#review-frm DIV		{ float:left; background: none;  }
.pure-form label { width:100%;}
#review-frm DIV.kname, 
#review-frm DIV.kmail, #review-frm DIV.kfon 	{ width:100%; background:none; margin:0 0 5px; }

	.r-frm-caption 					 { float:left;   line-height:20px; text-align:left; text-indent:0px; margin:5px 10px 20px 0; }
	.r-frm-caption.rate  		{ float:left;  width:80px; line-height:20px; text-align:left; text-indent:0px; margin-right:10px; margin-top:5px;  }
	
	.r-frm-value						{ float:left; width:100%; line-height:20px; text-align:left; padding-top:0px; background:none}
	.r-frm-value.rate				{ float:left; width:120px; line-height:20px; text-align:left; padding-top:5px;  }
	
	
	INPUT.t_input,
	Textarea#r_text,
	Textarea#itext	{ width:100%;border-radius:0px!important; box-shadow:none!important;
	font-family: 'Raleway', sans-serif; font-size:1em; font-weight:normal; } 
	.pure-form label {	margin:0!important;}
	

	
	#frm-sbm 		{ float:left; width:100%; margin:15px 0 0 0; }
	
	span.sbm_de 		{ display:block;  color:#fff; background:#957460;width: 20%;padding: 0; min-width: 200px;   text-align:center; transition: all ease 0.3s; line-height: 40px; height:40px;}
	span.sbm_de:hover 	{  background:#707173; }
	
		span.sbm_en	  { display:block;  color:	#fff; background:#707173;width: 20%;padding: 0; min-width: 200px;  text-align:center; transition: all ease 0.3s;line-height: 40px; height:40px;}
		span.sbm_en:hover {  background:#86b200; }

a.pure-button {	color: #fff;	background: #86b200;	text-align: center;	transition: all ease 0.3s;}
a.pure-button:hover {background: #000;color: #86b200;}


	/* Datenschutz */

	.hint { font-size:0.95em !important }
	.hint input[type="checkbox"] { float:left !important; width:auto !important; margin:5px }
	.hint label { display:inline !important; }

	/*  Fehlermeldungen und Erfolgsmeldungen  */

	#msg { width:100%;}
	div#failure, div#ok	{ float:left; width:100%; padding:10px 2% 10px 2%; margin:15px 0 20px 0px}
	
	div#failure			{	border:1px solid red; background:#FFE8E8;	  }
	#failure SPAN	{	float:left; width:100%; line-height:20px; color:red }		
	div#ok					{	border:1px solid #00cc00; background:#EEFEEB;  }

	
	/* Kommentare und Bewertungen Liste */
	
	#review-comments			{ float:left; width:100%;padding:20px 0 0 0; margin:20px 0 20px 0; box-sizing:border-box; border-top:1px solid #eee;border-bottom:1px solid #eee;}
	#review-comments H4 	{ width:100%; margin:5px 0 10px 0; padding:0px; text-indent:4px; font-size:1em; text-align:left; }	
	#review-comments OL		{ float:left; width:100%;  list-style-type:none; padding:0 0 0 0; margin:0;  }
	#review-comments LI 		{ float:left; width:100%; margin:0 0 30px 0; padding:0; }
	#review-comments .small { margin:0;}
	
	.reviewer								{ float:left; clear:both; line-height:1em;width:auto; text-align:center; margin:5px 0 0 25px; }	
	.comment-wrapper			{ float:left;  width:auto; padding:5% 3%; text-align:left; background:#f4f4f4; box-sizing:border-box; position:relative; margin:0 0 15px 0; border-radius:10px;}
	.comment-wrapper::after {
    content: " ";
    position: absolute;
    top: 100%;  /* At the top of the tooltip */
    left: 100px;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #f4f4f4 transparent transparent transparent;}
	
	.comment-wrapper P		{ float:left; width:100%; margin:10px 0 0 0; text-align:left; background:none; }

	
	.gstar			{ float:left; width:16px; height:16px; overflow:hidden; background:url('../images/star.png') center -32px no-repeat }
	.grstar		{ float:left; width:16px; height:16px; overflow:hidden; background:url('../images/star.png') center 0px no-repeat }
	.startext		{ float:left; width:80px; height:16px; font-size:13px }

	.fa-star		{ color:#957460; margin:0; padding:0 }
	.fa-star.disabled		{ color:grey; }	

/* -------- Blogeinträge teilen -------------------------------------------------------------- */


div#shareblog	   	{ float:left; width:100%; height:auto; margin:0 0;   }
div#shareblog ul li {margin: 0px 0 8px 0;}
.shariff .orientation-horizontal li {
	min-width: 70px!important;
	max-width: 150px;
}

#shr-btn	   				{ float:right; background:; margin-top:8px; text-align:left }
#shr-btn Img   	  	{ vertical-align:middle }
#shr-btn A	   			{ font-size:11px; font-weight:normal }
#gplus		   				{ float:left; width:70px; background:; margin-top:9px }
#fblike		   			{ float:left; width:120px; overflow:hidden; margin-top:1px }
#fblike Iframe 		{ margin-top: 8px }


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Promo Artikel*/

h3.promo { float:left; width:100%;  }


/* #art-start-wrapper {float:left;	width:100%; background:none;} */

.promowrapper { float:left; width:100%; background:#fafafa; padding:5rem 2rem; }

.promowrapper h4 { margin:0 0 3rem 0}

.promoscrollable {
	float:left;
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0px; padding:0;
	height:450px; background:none;
	border:0px solid #f0f0f0;
}

	.promoscrollable .items { position:absolute; left:0; top:0; width:20000em}

	.promoscrollable .more-pics-horizontal .items {
		width:20000em;
		position:absolute;
	}

	 a.nav { }
	.promoscrollable:hover a.nav { display:block }

	/* Navi Buttons */
	 .promoscrollable a.nav 	{  position:absolute;  top: 25%; margin:0; z-index:16; display:block; text-align:center; width:80px;  height:80px; background:rgba(0,0,0, .7); color:#fff; display:none; }
	 
	 .promoscrollable a.nav:hover { background:#957460; color:#fff;}
	 .promoscrollable a.next { right:20px;  }
	 .promoscrollable a.next:before {font: normal normal normal 35px/1 FontAwesome; content: "\f105"; }
	 .promoscrollable a.prev { left:20px;  }
	 .promoscrollable a.prev:before { font: normal normal normal 35px/1 FontAwesome;content: "\f104";}

	 
	 .promoscrollable a:before {position:absolute; left:50%; top:50%;
	 transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);}

/* Formatierung der Promotion Artikel ----------------------------------------------------------------------------------------------------------*/
	
	
div.promoArt {	float:none; position:relative; width:100%; max-width:300px; margin:0 auto 2rem; text-align:center; box-sizing:border-box; z-index:0}

.promoArt  .newproduct	  { position:absolute; padding:2px 8px 2px 7px; top:0; left:0; font-size:14px; text-align:center; background:#957460; color:#fff;z-index:1; }

.product-img {
	float: left;
	width: 100%;
	overflow: hidden;
	height:auto;
	margin: 0 0 10px 0;
	box-sizing: border-box; 
	border:1px solid #ececec;}

.promoArt A { color: #818181;text-decoration: none;  line-height:1.5em; } 
.promoArt A  IMG { width: 100%; height:auto} 

.promoArt H3 {
	width: 100%; 
	overflow: hidden;
	font-size: 1em;
	font-weight: 300;
	padding: 0;
	margin:0 0 0px;
	text-transform:none;
	letter-spacing:0;
	text-align:center}



div.price_cont {
	float: left;
	 text-align:center;
	width: 100%;
	background: none;
	font-weight: 700;
	font-size: 1.1em;}
	div.price_cont,
div.price_cont span.pricetext, 	
div.price_cont span.price_ad {	font-size:1.1em!important; text-align:center!important}

div.price_cont i {
	float: right;
	color: #fff;
	background: #957460;
	text-align: center;
	border-radius: 50%;
	padding: 7px;
	margin: -10px 0 0;
	font-size: 1.1em;
	transition: all ease .3s;}
div.price_cont a:hover i {	background: #c0c0c0;}

.price_cont small { display:block;}


span.strike {
	text-decoration: line-through;
	color: #c0c0c0;
	font-size: 0.8em;
	font-weight: 300;
	float:left;
	width:100%;
}



div#price-info {
	width:100%;
	height:30px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	text-align:center;}

#price-info A {	font-weight:normal;	text-decoration:underline}


.promoArt A.view  { clear:both; position:relative; color:#eee; padding:5px 25px; font-weight:400; font-size:1em;background:#aaa; text-align:center;  border-radius:30px;transition:all ease 0.3s; margin:20px 0 0 0; line-height:70px; display:none }
.promoArt A.view:hover { background-color: #957460; }

@media screen and (max-width: 1450px) {	
		.ul-right { clear:both; width:100%; margin:0 0 24px 0;}
}
@media screen and (max-width: 1280px) {	
		div#shareblog ul li {margin: 0 1% 10px 0!important}
		.promowrapper h4 {	margin: 0 0 2rem 0; font-size:1.1em;}
		.promowrapper {	padding: 2rem 2rem;}
}
 
@media screen and (max-width: 1023px) {
		.promowrapper {	background:none; border-top:1px solid #eee; padding: 20px 0; margin:20px 0 0}
		div.promoArt {	float: left;	width: 25%;	margin: 0 0 2rem 0; padding:0 1rem;}
		.promowrapper h4 {	margin: 0 0 2rem 0; font-size:1.3em;}
		.promoArt H3 { height:47px; overflow:hidden; margin:0 0 5px}
}

@media screen and (max-width: 768px) {
		.media {width: 100%;	margin: 0 0 5rem 0;}
		div.promoArt {width: 50%;}
}
@media screen and (max-width: 568px) {
		div#review-frm {padding: 3rem;}
		div.art-wrapper {text-align:left;}
		.hint, div#failure, div#ok { font-size:0.8em !important; line-height:1.4em !important;}
		#content h2 { font-size:1.7em; }
}