/**main div for product description / tab container**/

#product-description {
    width: 50%;
    float: right;
}

@media (max-width: 767px) {#product-description {width: 100%;}}
    
/**margin tab container**/
#tab-container {
    margin-left: 40px;
    width: 100%;  /* Ancho del contenedor */
}
@media (max-width: 767px) {#tab-container {margin-left: 0px;}}



/**hide radio buttons for labels**/
#tab-container input {
	height: 2.5em;
	visibility: hidden;
}

/**put labels in a row, add background**/
#tab-container label {
	cursor: pointer;
	padding: 0 1.5em;
	text-align: center;
    font-weight: 300;
}
@media (max-width: 767px) {#tab-container label { padding: 0 1.2em; }}

/**label hover**/
#tab-container input:hover + label {
	color: #588130;
}

/**higlight active label**/
#tab-container input:checked + label {
	color: #588130;
	position: relative;
	z-index: 6;
	/*
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	*/
}

label { float: left; }
@media (max-width: 767px) {label { float: none; display: inline;}}

/**hide all content**/
.tab-content div {
	opacity: 0;
	padding: 1.5em;
	position: absolute;
	z-index: -100;
    
    /*max-width: 37%;
	/*
	transition: all linear 0.1s;
	*/
}
@media (max-width: 767px) {.tab-content div {max-width: 100%;}}
    
/**double column für specs**/
.column-content p {
	float: left;
	width: 48.5%;
}
.column-content p.column-right {
	margin-left: 3%;
    padding-left: 50px;
}
/**show content if label active**/
#tab-container input#tab-1:checked ~ #bongoking-content #content-1,
#tab-container input#tab-2:checked ~ #bongoking-content #content-2,
#tab-container input#tab-3:checked ~ #bongoking-content #content-3 {
    opacity: 1;
    z-index: 100;
}

/**show content if label active**/
#tab-container input#tab-4:checked ~ #wizard-content #content-4,
#tab-container input#tab-5:checked ~ #wizard-content #content-5,
#tab-container input#tab-6:checked ~ #wizard-content #content-6 {
    opacity: 1;
    z-index: 100;
}

/**show content if label active**/
#tab-container input#tab-7:checked ~ #lizard-content #content-7,
#tab-container input#tab-8:checked ~ #lizard-content #content-8,
#tab-container input#tab-9:checked ~ #lizard-content #content-9 {
    opacity: 1;
    z-index: 100;
}

/**show content if label active**/
#tab-container input#tab-10:checked ~ #venom-content #content-10,
#tab-container input#tab-11:checked ~ #venom-content #content-11,
#tab-container input#tab-12:checked ~ #venom-content #content-12 {
    opacity: 1;
    z-index: 100;
}