#formall			{text-align:left;max-width:900px;padding:20px;background-color:#FFFFFF;font-size:0.8em;}
.ulli li				{margin-top:10px;}
.formaktiv			{font-weight:bold;}
#formnav			{margin:10px 0;padding:10px;font-size:0.8em;}
#formnav	div	{background:#f5f5f5;padding:10px;position:relative;width:100%;box-sizing: border-box;}
body 				{margin:0}
.mySlides 			{display: none}
img					{vertical-align: middle;}

/* Slideshow container */
#prd 				{max-width: 1000px;position: relative;margin: auto;box-sizing: border-box}

/* Next & previous buttons */
.prev, .next 		{cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color: #666666;font-weight: bold;font-size: 22px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.next 				{right: 0;border-radius: 3px 0 0 3px;}

.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}

/* Caption text */
.text 					{color: #ccc;font-size: 15px;padding: 8px 12px;width: 100%;text-align: center;}

/* Number text (1/3 etc) */
.numbertext 			{color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}

/* The dots/bullets/indicators */
.dot 						{cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}

.active, .dot:hover 	{background-color: #717171;}

/* Fading animation */
.fade 					{animation-name: fade;animation-duration: 1.5s;}
@keyframes fade 	{from {opacity: .4}to{opacity: 1}}

#h1pro				{font-size:3em;margin:30px 0 20px 0;}
#h4to				{font-size:1em;margin:20px 0;max-width:100%;font-family:Arial;}
.ntx					{font-size:1.1em;line-height:1.4em;margin:0 0 15px 0;}
#h4to span		{background:#666;color:#FFFFFF;padding:5px 10px;margin:10px;border-radius:5px;line-height:2.2em;}
.morepro			{width:calc(25% - 20px);min-height:220px;float:left;margin:10px 10px 20px 10px;background:#f5f5f5;text-align:center;font-size:0.9em;box-sizing:border-box;padding-bottom:10px;}
.thumb				{width:100%;}
.more-price		{background:#333333;color:#FFFFFF;padding:5px;text-align:center;width:100px;border-radius:5px;margin:5px auto 0 auto;box-sizing:border-box;}
.more-price:hover	{background:#000000;}
.morh3				{line-height:1.5em;margin:10px 0;}
.grbu				{padding:5px;border-top:1px solid #000;border-bottom:1px solid #000;}
.sutx					{margin:15px 0 15px 0;}
.ulx 					{list-style-type:none;margin:10px -5px 10px -5px;padding:0;overflow:hidden;}
.ulx li				{float: left;margin:5px;background:#bcb2b2;color:#fff;padding:5px 10px;border-radius:5px;}
.ulx li a 			{display:block;color:#FFFFFF;text-align:center;padding:16px;text-decoration:none;}
.ulx li a:hover 	{background-color: #111111;}
.h2p					{line-height:1.4em;font-size:1.6em;}
.h3p					{line-height:1.4em;font-size:1.2em;}
.h3top				{margin-top:0;}

#buyb				{background-image: url(https://www.haritaki.club/img/loading3.png?i=3);background-color:#e6e6e6;min-height:200px;width:100%;background-repeat: no-repeat;background-color:#FFF;background-position: center;}
#qualitaet			{clear:both;border-bottom:1px solid #000;padding:10px 0 60px 0;}
#mehrpro			{margin-left:-10px;margin-right:-10px;}
#mehrpro2		{text-align:center;}
#beschreibung		{padding:0 0 0 25px !important;box-sizing: border-box}
#beschreibung h3	{font-size:1.2em;margin-bottom:15px;}
.mehrinfos				{text-align:left;padding:0;margin-top:20px;}
.mehrinfos h3		{font-size:1.2em;}

#zertifiziert		{margin:30px 0 30px 0;}
#quali2 div		{margin:10px 0;}	
#quali2 img		{margin-right:10px;}
.spec					{font-size:1.2em;}

#uebersicht a:link, a:visited{text-decoration:none;color:#666666;}

#vari			{margin:20px 0 0 0;}
.vari				{float:left;width:calc(33% - 6px);padding:10px;background:#eef8fa;color:#000;border-radius:5px;text-align:center;box-sizing:border-box;font-size:0.9em;}
.vari:hover	{background:#f1f1f1;}
.varsm			{font-size:0.9em;}
.varifull			{width:100%;}
.varihalf		{width:calc(50% - 5px);}
.varithird		{width:calc(33% - 6px);}
.varimg			{width:100%;margin-bottom:10px;}
.em8				{font-size:0.8em;}

#eig1			{border-top:1px solid #FFF;}
#eigenshow	{margin-top:20px;text-align:center;}
#eigenmore	{text-align:left;padding:0;margin-top:20px;}
#qualitop		{margin:30px 0 30px 0;}
#labtes			{margin:20px 0;width:100%;}
#morehap		{margin:10px;padding:10px;background:#f5f5f5;text-align:left;}
#habu			{width:calc(100% +40px);margin:20px -20px -20px -20px;}
#certob			{width:100%;max-width:500px;margin:15px 0;}
.mato40		{margin-top:40px}

#pqua			{width:140px;font-size:0.8em;background:#333333;color:#FFF;text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:5px 10px;margin:-10px auto 30px auto;}



@media only screen and (min-width: 424px){
	.onlyphone		{display:none;}
	.morephone		{display:block;}
	#beschreibung	{width:50%;float:left;}
	#quali2				{margin:0 0 0 0;padding:20px 0;}
	#quali2 div		{width:33.3%;box-sizing: border-box;float:left;}
	#quali				{margin-top:30px;}
	#uebersicht		{width:180px;margin-top:-50px;margin-bottom:30px;}
}

@media only screen and (min-width: 768px){
	#h1pro			{font-size:2.6em;margin:30px 0 20px 0;}
	.onlymob		{display:none;}
	.onlypc			{display:block;}
	#prd				{width:50%;float:left;}
	.prev, .next 	{margin-top:-265px;}
	#qualitaet		{margin:-30px 0 20px 0;padding:0 0 30px 0;}
	#mehrpro		{margin-top:40px;}
	#qualinfo		{margin-top:20px;}
	#qualinfo	tr td	{padding:5px;font-size:0.9em;}
	#qualinfo img	{width:45px;height:45px;}
}

@media only screen and (max-width: 768px){
	#h1pro		{font-size:2em;}
	#h4to		{color:#999999;font-size:1.3em;margin:30px 0;}
	.morepro	{width:calc(50% - 20px);}
	.onlypc		{display:none;}
	.onlymob	{display:block;}
	#prd			{margin-left:-20px;margin-right:-20px;}
	#qualitaet	{margin:-20px 0 20px 0;padding:10px 0 40px 0;}
	#mehrpro	{margin-top:50px;}
	#mehrpro2{margin-bottom:20px;}
}

@media only screen and (max-width: 424px){
	#unab			{line-height:1.4em;}
	h3				{font-size:1.1em;}
	#quali			{font-size:1.2em;}
	#descr			{font-size:1.2em;}
	.spec				{font-size:1.2em;text-align:left;}
	#vari			{padding:0 20px 0 20px;margin:-20px 0 10px 0;}
	#prd				{margin-top:-15px;}
	.onlypc			{display:none;}
	.onlyphone	{display:block;}
	.morephone	{display:block;}
	#beschreibung	{display:none;}
	#quali2			{margin-top:20px;}
	#quali2 div	{width:100%;box-sizing: border-box;font-size:0.9em;line-height:60px;}
	#h1pro			{line-height:1.2em;font-size:1.6em;}
	#uebersicht2	{float:right;width:95px;top:10px;text-align:right;margin-right:-10px;position:relative;}
	.prev, .next 	{margin-top:-265px;}
	#eigenmore	{font-size:1.2em;}
	#uebersicht	{float:left;width:95px;margin-top:-60px;text-align:left;margin-right:-10px;position:relative;z-index:+1;}
	#pqua			{margin-right:-5px;}

}


/* On smaller screens, decrease text size */
@media only screen and (max-width:300px){
	.prev, .next,.text {font-size: 11px}
}

.kume			{background:#f5f5f5;border-radius:5px;padding:10px;}
#quali2 img 	{margin-right:10px;}
#quali2 div	{font-size:0.8em;}
#shtxt1			{text-align:left;margin-bottom:20px;}