/*Produkt*/

ul.description
{
	margin:0;
	padding:0;
}

ul.description > li
{
	display:block;
	list-style-type: none;
	clear:both;
	overflow:auto;
}

ul.description > li > img
{
	border:0;
	border-radius: 1em;
	margin:1em;
	float:left;
}

ul.description > li > div
{
	border:0;
	margin-top: 1em;
}


.prod_img
{
float: left;
    margin: 1em;
}

.prod_desc
{
float: none;
    clear: right;
    margin-top: 2em;
}

h3.name
{
	font-weight: bold;
}
/* Toolstips */

.tooltips[data-title]:hover {
	color:red;
	position:relative;
}

.tooltips[data-title] {
	color:#900;
	text-decoration:none;
}

.tabImg {
	border:3px solid #199bca;
	border-radius:1em;
	margin-right:10.2em;
}

p.tooltips {
	border:1px solid #000;
	border-radius:60px;
	height:60px;
	margin:0.2em;
	width:60px;
}

.tooltips[data-title]:hover:after {
	background-image:linear-gradient(#eee,#ccc);
	border-radius:0.2em;
	box-shadow:0 0 4px #222;
	color:#333;
	content:attr(data-title);
	left:0;
	padding:4px 8px;
	position:absolute;
	top:0;
	white-space:nowrap;
	z-index:20;
}

/* Tabs */
.tabs {
width: 100%;
padding: 1em;
box-sizing: border-box;
}

.tabs input {
display: none;
}

.tabs label {
cursor: pointer;
background: linear-gradient(#666, #555);
color: #eee;
border-radius: 5px 5px 0 0;
padding: 1.5% 3%;
float: left;
margin-right: 2px;
border-left: 1px solid #555;
border-top: 1px solid #555;
border-right: 1px solid #555;
}

.tabs label:hover {
background: linear-gradient(#777, #666);
}


.tabs input:checked + label {
background: #fff;
color: #333;
z-index: 4;
position: relative;

}


.tabs input:nth-of-type(1):checked ~ .panels .panel:first-child,
.tabs input:nth-of-type(2):checked ~ .panels .panel:nth-child(2),
.tabs input:nth-of-type(3):checked ~ .panels .panel:nth-child(3),
.tabs input:nth-of-type(4):checked ~ .panels .panel:nth-child(4),
.tabs input:nth-of-type(5):checked ~ .panels .panel:nth-child(5),
.tabs input:nth-of-type(6):checked ~ .panels .panel:nth-child(6),
.tabs input:nth-of-type(7):checked ~ .panels .panel:nth-child(7),
.tabs input:nth-of-type(8):checked ~ .panels .panel:nth-child(8),
.tabs input:nth-of-type(9):checked ~ .panels .panel:nth-child(9),
.tabs input:nth-of-type(10):checked ~ .panels .panel:nth-child(10) {
	opacity: 1;
	-webkit-transition: .3s;
	display:block;
}

.tabs .panels {
float: left;
clear: both;
position: relative;
width: 100%;
background: #fff;
border-radius: 0 10px 10px 10px;
border: 1px solid #555;
    z-index: 0;
    top: -1px;
    box-shadow: 2px 2px 10px #555;}

.tabs .panel {
width: 100%;
display:none;
position: relative;
background: #fff;
border-radius: 0 10px 10px 10px;
padding: 4%;
box-sizing: border-box;
}


/* Content Style */

p.description:after
{
	content:' ';
	display:block;
	height:1em;
}