/*
Produktseite, spezielle Tabulatoren
Einheitlicher Selektor: #hauptMitte .tabs
*/

.bb_schalter {
	background-repeat: no-repeat;
	height: 20px;
	width: 25px;
	background-size: contain;
	float: right;
	position: relative;
	top: 4px;
}





.bb_akkordeon>section>h2 a:after,
.bb_akkordeon>section>h2 a:before,
.bb_schalter:before,
.bb_schalter:after{
	content: none!important;
}

.bb_akkordeon {
	padding: 20px 11px 20px 11px; 
}

.bb_akkordeon>section>h2{
	margin:20px 0px 0px 0px!important;
	padding: 0!important;
}

.bb_akkordeon>section>div{
	display: none;
}

.bb_akkordeon>section.offen>div{
	display: block;
}

.bb_akkordeon>section h2 .bb_schalter.zu,
.bb_akkordeon>section h2.offen .bb_schalter.auf{
	display: none;
}

.bb_akkordeon>section h2 .bb_schalter.auf,
.bb_akkordeon>section h2.offen .bb_schalter.zu{
	display: block;
}


@media (min-width: 1024px) {
	
	.bb_akkordeon {
		padding: 0!important;
	}
	
	.bb_akkordeon:before,
	.bb_akkordeon:after {
		content: " ";
		display: table;
	}
	
	.bb_akkordeon:after {
		clear: both;
	}
	
	.bb_akkordeon>header:before,
	.bb_akkordeon>header:after {
		content: " ";
		display: table;
	}
	
	.bb_akkordeon>header:after {
		clear: both;
	}
	
	.bb_akkordeon>section {
		position: relative;
		display: none;
		padding: 40px 7px 20px 7px;
	}
	
	.bb_akkordeon>section:first-of-type {
		display: block;
	}
	
	.bb_akkordeon>section:first-child a {
		color: rgba(0, 0, 0, 1)!important;
	}
	
	.bb_akkordeon>section>h2 {
		margin-top: 0px!important;
	}
	.bb_akkordeon>header {
		border-bottom: 1px solid rgba(153, 0, 0, 1);
	}
	.bb_akkordeon>header>h2 {
		float: left;
		margin: 0!important;
		font-size: 15px!important;
		text-transform: none!important;
		background-color: rgba(153, 0, 0, 1);
		border-top: 1px solid rgba(255, 255, 255, 1);
		border-right: 1px solid rgba(255, 255, 255, 1);
		border-left: 1px solid rgba(255, 255, 255, 1);
	}
	
	.bb_akkordeon>header h2.offen {
		background-color: rgba(255, 255, 255, 1);
		border-right: 1px solid rgba(155, 0, 0, 1);
	}
	
	.bb_akkordeon>header>h2 a{
		color: rgba(255, 255, 255, 1)!important;
		padding: 3px 7px 3px 7px!important;
		display: block;
	}
	
	.bb_akkordeon>header>h2 a:focus,
	.bb_akkordeon>header>h2 a:hover {
		color: rgba(255, 255, 255, 0.9)!important;
	}
	
	.bb_akkordeon>header h2.offen {
		padding-bottom: 1px!important;
		margin-bottom: -1px!important;
	}
	
	.bb_akkordeon>header h2.offen a {
		color: rgba(0, 0, 0, 1)!important;
	}
	
	.bb_akkordeon>header>h2 a:before,
	.bb_akkordeon>header>h2 a:after{
		content: none!important;
	}

	.bb_akkordeon>section>div {
		display: block;
		margin-top: 20px;
	}
	
}