#hte_accordion {
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #000000 !important;
}

@media (min-width: 300px) {
	#hte_accordion {
		max-width: 95% !important;
	}
}

@media (min-width: 768px) {
	#hte_accordion {
		max-width: 75% !important;
	}
}
@media (min-width: 1024px) {
	#hte_accordion {
		max-width: 60% !important;
	}
}

.accordion {
    background-color: #ffffff;
    color: #000000;
    cursor: pointer;
    padding-top: 16px;
	padding-bottom: 18px;
	padding-left: 0px;
	padding-right: 0px;
    width: 100%;
    border-left: none;
	border-right: none;
	border-top: 1px solid #000000;
	border-bottom: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	-moz-outline-style: none;
	outline:none;
	outline: 0 !important;
}

.accordion1 {
    background-color: #ffffff;
    color: #000000;
    cursor: pointer;
    padding-top: 16px;
	padding-bottom: 18px;
	padding-left: 0px;
	padding-right: 0px;
    width: 100%;
    border-left: none;
	border-right: none;
	border-top: 1px solid #000000;
	border-bottom: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	-moz-outline-style: none;
	outline:none;
	outline: 0 !important;
}

:-moz-any-link:focus {
  outline: 0 !important;
}

button:focus {
    outline: 0 !important;
}

.accordion_active, .accordion:hover {
    background-color: #ffffff;
	-moz-outline-style: none !important;
}

.accordion1_active, .accordion:hover {
    background-color: #ffffff;
	-moz-outline-style: none !important;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
	-moz-outline-style: none !important;
	outline:none !important;
	outline: 0 !important;
}

.accordion1:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
	-moz-outline-style: none !important;
	outline:none !important;
	outline: 0 !important;
}

.accordion_active:after {
    content: "\000D7";
	-moz-outline-style: none !important;
	outline:none !important;
	outline: 0 !important;
}

.accordion1_active:after {
    content: "\000D7";
	-moz-outline-style: none !important;
	outline:none !important;
	outline: 0 !important;
}

.accordion_active:focus {
    -moz-outline-style: none !important;
	outline:none !important;
	outline: 0 !important;
}

.accordion1_active:focus {
    -moz-outline-style: none !important;
	outline:none !important;
	outline: 0 !important;
}

.panel {
    color: #000000 !important;
	padding: 0 18px;
    background-color: #ffffff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel1 {
    color: #000000 !important;
	padding: 0 18px;
    background-color: #ffffff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}



.technical_data {
	color: #000000;
	width:100%;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: left;
}

#accordion h5{
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #000000;
}

#accordion_h2 {
	text-align: center;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 25px;
}

#accordion_h3 {
	text-align: left;
	color: #000000 !important;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	width: 100%;
}

.item_group {
	color: #000000 !important;
}

.item_description {
	color: #000000 !important;
}

.item_description img{
	padding-right: 6px;
	padding-top: 3px;
	float: left;
}

.art_nr {
	color: #878787;
	font-size: 0.8em;
}

.preis_zelle {
	text-align: right;
	padding-top: 24px !important;
}
.art_uvp {
	/*color:#878787;*/
	font-size: 0.5em;
	padding-right: 5px;
}

.art_preis {
	color: #ab263c !important;
	font-size: 1rem;
}

.art_mwst {
	/*color:#878787;*/
	font-size: 0.5em;
	padding-left: 5px;
}


@media (min-width: 300px) {
	#accordion {
		width: 95%;
	}
	#accordion_h2 {
		max-width: 95%;
		font-size: 15.75pt
	}
	#accordion_h3 {
		max-width: 95%;
		font-size: 13pt
	}
}

@media (min-width: 580px) {
	#accordion {
		width: 95%;
	}
	
	#accordion_h2 {
		max-width: 95%;
		font-size: 21pt
	}
	#accordion_h3 {
		max-width: 95%;
		font-size: 15pt;
	}
}

@media (min-width: 768px) {
	#accordion {
		width: 75%;
	}
	#accordion_h2 {
		max-width: 75%;
	}
}

@media (min-width: 1024px) {
	#accordion {
		width: 75%;
	}
	#accordion_h2 {
		max-width: 75%;
	}
}


.single_row_first {
	margin-top: 15px !important;
	color: #878787;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #878787;
}

.single_row {
	color: #878787;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #878787;	
}

.single_row_last {
	color: #878787;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 12px;
	border-top: 1px solid #878787;
	border-bottom: 1px solid #878787;
	margin-bottom: 30px !important;
}

.section_header {
	font-weight: bold;
}

.accordion_note {
	margin-top: -45px !important;
	margin-bottom: 50px;
	text-align: right;
	color: #000000 !important;
}
.accordion_row_img {
	margin-top: auto;
	margin-bottom: auto;
	max-width: 100%;
	/*max-height: 400px;*/
}

.accordion_row_icons {
	text-align: left;
	margin-top:35px;
	margin-left: auto;
	margin-right: auto;
}


.accordion_header {
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}

.accordion_header h3{
	text-align: center !important;
	margin-bottom: -70px !important;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.accordion_header {
	text-align: left !important;
	margin-left: 0px;
	}

	.accordion_header h3{
		text-align: left !important;
		margin-bottom: -70px !important;
		margin-left: 20px;
	}
}

@media (min-width: 300px) {
	.accordion_row_img {
		max-width: 98%;
		/*max-height: 220px;*/
	}
}

@media (min-width: 400px) {
	.accordion_row_img {
		max-width: 98%;
		/*max-height: 300px;*/
	}
}

@media (min-width: 580px) {
	.accordion_row_img {
		max-width: 100%;
		/*max-height: 350px;*/
	}
}

@media (min-width: 768px) {
	.accordion_row_img {
		max-width: 100%;
		/*max-height: 250px;*/
	}
}

@media (min-width: 1024px) {
	.accordion_row_img {
		max-width: 100%;
		/*max-height: 250px;*/
	}
}

@media (min-width: 1260px) {
	.accordion_row_img {
		max-width: 100%;
		/*max-height: 300px;*/
	}
}

@media (min-width: 1580px) {
	.accordion_row_img {
		max-width: 100%;
		/*max-height: 400px;*/
	}
}


#accordeon_topic_row_white {
	margin-top: 20px !important;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	vertical-align: middle;
}

@media (min-width: 300px) {
	#accordeon_topic_row_white {
		width: 95%;
	}
}

@media (min-width: 580px) {
	#accordeon_topic_row_white {
		width: 95%;
	}
}

@media (min-width: 768px) {
	#accordeon_topic_row_white {
		width: 75%;
	}
}

@media (min-width: 1024px) {
	#accordeon_topic_row_white {
		width: 60%;
	}
}