.prodbeschr h1, .prodbeschr h2, .prodbeschr h3, .prodbeschr h4, .prodbeschr h5, .prodbeschr h6, .prodbeschr p, .prodbeschr a, .prodbeschr img, .prodbeschr strong, .prodbeschr center, .prodbeschr ol, .prodbeschr ul, .prodbeschr li, .prodbeschr table, .prodbeschr tr, .prodbeschr th, .prodbeschr td, .prodbeschr body {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}	

html{
	box-sizing:border-box;
	overflow-x:hidden        
}
*,:after,:before{
	box-sizing:inherit
}
.prodbeschr:after, .prodbeschr:before{
	content:"";
	display:table;
	clear:both
}

.prodbeschr {
	line-height: 1.2;
}

.style-marke-ariston {
	color: #c1022c;
}

.style-marke-bertrams {
	color: #0069b4;
}

.style-marke-bosch {
	color: #ee3338;
}

.style-marke-heimeier {
	color: #f07d00;
}

.style-marke-huefner {
	color: #00367C;
}

.style-marke-imp1 {
	color: #00529c;
}

.style-marke-imp2 {
	font-weight: normal;
	color: #00529c;
}
.style-marke-jeremias {
	color: #004f9f;		
}

.style-marke-junkers {
	font-style: italic;
	color: #024e9d;		
}

.style-marke-juratherm-grau {
	font-style: italic;
	color: #888e92;
}

.style-marke-juratherm-orange {
	font-style: italic;
	color: #f68c32;
}

.style-marke-makita {
	font-style: italic;
	color: #ec1b24;		
}

.style-marke-ostendorf {
	color: #ee690e;
}

.style-marke-panasonic {
	color: #274687;
}

.style-marke-remko {
	color: #00993d;
}

.style-marke-schell {
	color: #9d0318;
}

.style-marke-stiebel {
	text-decoration: underline overline #e1081d;
}

.style-marke-vaillant {
	color: #009079;
}

.style-marke-viessmann {
	color: #ff3e17;
}

.style-marke-wolf-rot {
	font-style: italic;
	color: #e40019;
}

.style-marke-wolf-grau {
	font-style: italic;
	color: #777777;
}

.style-marke-zewo {
	color: #006ab3;
}

.prodbeschr h1 {
	font-size: 30px;
	font-weight: 700;
	color: #000;		
}

.prodbeschr .h1 {
	font-size: 30px;
	font-weight: 700;
	color: #000;		
	text-align: left !important;
}

.prodbeschr h2 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #000;		
}

.prodbeschr .h2 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	color: #000;		
}

.prodbeschr h2 + h2 {
	font-size: 20px;
	font-weight: 400;
}

.prodbeschr .h2 + .h2 {
	font-size: 20px;
	font-weight: 400;
}

.prodbeschr h3 {
	font-size: 18px;
	font-weight: 700;
	padding-top: 10px;
	color: #19b900;
}

.prodbeschr .h3 {
	font-size: 18px;
	font-weight: 700;
	padding-top: 10px;
	color: #19b900;
}

.prodbeschr h3 + h3, .prodbeschr h1 + h3 {
	font-size: 14px;
	font-weight: 400;
	color: #19b900;
	padding: 0 0 10px;
}

.prodbeschr .h3 + .h3, .prodbeschr .h1 + .h3 {
	font-size: 14px;
	font-weight: 400;
	color: #19b900;
	padding: 0 0 10px;
}

.prodbeschr h4 {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 0;
	color: #19b900;		
}

.prodbeschr .h4 {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 0;
	color: #19b900;		
}

h4.tabueberschrift {
	padding: 25px 0 5px;
}

.h4.tabueberschrift {
	padding: 25px 0 5px;
}

.prodbeschr h5 {
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
	color: #000;		
}

.prodbeschr .h5 {
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
	color: #000;		
}

.inhaltsbereich > h5::before {    /* :first-of-type für 1. H5 innerhalb eines DIVs mit class inhaltsbereich Aufzählungsdreieck hinzufügen (Unter-Artikelbezeichnung) entfernt*/
	content: "\002023  ";
}

.inhaltsbereich > .h5::before {    /* :first-of-type für 1. H5 innerhalb eines DIVs mit class inhaltsbereich Aufzählungsdreieck hinzufügen (Unter-Artikelbezeichnung) entfernt*/
	content: "\002023  ";
}

.prodbeschr h6 {
	font-size: 12px;
	font-weight: 400;
	color: #000;
	padding-bottom: 5px;
}

.prodbeschr .h6 {
	font-size: 12px;
	font-weight: 400;
	color: #000;
	padding-bottom: 5px;
}

.prodbeschr ul {
	font-size: 16px;
	padding: 0 0 10px 15px;
}

.prodbeschr p {
	font-size: 16px;
	padding: 5px 0;
}

.picto {
	margin: 5px 0;
}

.picto img {
	border: 0;
	margin: 5px 10px 5px 0;
}

.picto figure {
	display: inline-block;
	vertical-align: top;
	margin: 5px 10px 5px 0;
}

.picto figure img {
  margin: 0;
}

.picto figcaption {
	font-size: 9px;
	text-align: center;
}

.prodbeschr hr {
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right, #ffffff , #19b900, #ffffff);
	margin: 30px 3%;
}	

hr.schmal {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, #ffffff , #19b900, #ffffff);
	margin: 20px 3%;
}

.bildbereich, .inhaltsbereich, .vollebreite{
	float:left;
	width:100%;
}

.bildbereich{
	text-align:center!important;
}

.bildbereich img {
	margin: 20px 20px 0;
}

img.eek-picto{
	width:40px;height:24px
}

@media (min-width:768px){
	.bildbereich{width:25%}
	.inhaltsbereich{width:75%}
	.vollebreite{width:100%}
	img.eek-picto{width:59px;height:35px}
	.bildbereich img {max-width:100%;height:auto;margin:20px 10px 0 0;display:block;}
	.prodbeschr ul {padding: 0 0 10px 25px;}
}
	

.prodbeschr table, #tab-tab1-name table {
	border: 0;
	font-size: 12px;
	border-collapse: collapse;
}

.prodbeschr td, #tab-tab1-name td {
	border: 1px solid #19b900;
	padding: 5px;
	vertical-align: top;		
}

.prodbeschr th, #tab-tab1-name th {
	border: 1px solid #19b900;
	padding: 5px;
	vertical-align: top;
	text-align: left;
	background-color: #ccc;	
}

.prodbeschr th:nth-child(1) {
  min-width: 180px;
}

.prodbeschr td.tab-vert, #tab-tab1-name td.tab-vert {
	vertical-align: middle;
	text-align: center;
	padding: 10px;
	width: 25px;
}

.prodbeschr td[colspan]:not([colspan="1"]):nth-child(n+2), .prodbeschr th[colspan]:not([colspan="1"]):nth-child(n+2), #tab-tab1-name td[colspan]:not([colspan="1"]):nth-child(n+2) {    /* wenn td nicht colspan="1" (also > 1) und mindestens 2. Kind dann Text zentrieren */
	text-align: center;
}

th.linksbdg {
	text-align: left !important;
}

.prodbeschr table.vardaten th:nth-child(1) {
	width: 140px;
}

.tabelle-responsiv {
	width: 100%;
	overflow-y: auto;
	margin: 0 0 1em;
	word-break: normal;
}

.tabelle-responsiv::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.tabelle-responsiv::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

/* Anpassungen von Felix */

.prodbeschr .text-bild-tabelle {
	display: flex;
	align-items: center;
}

.prodbeschr .text-bild-border {
	border-left: 1px solid #19b900;
	min-height: 250px;
	margin-left: 10px;
	padding-left: 10px;
}

@media (max-width:500px) {
	.prodbeschr .text-bild-tabelle {
		flex-wrap: wrap;
		justify-content: center;
	}
	.prodbeschr .text-bild-border {
		min-height: 0 !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}
}

.prodbeschr .bild-ueberschrift-liste {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2rem;
}

.prodbeschr .bild-ueberschrift-box {
	width: 250px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.prodbeschr .ueberschrift-box {
	text-align: center;
	border: 1px solid #d0d0d0;
	padding-bottom: 5px;
	background: #f4f4f4;
}

.prodbeschr .bild-box-border {
	border: 1px solid #d0d0d0 !important;
	border-top: none !important;
	display: flex;
	justify-content: center;
}

.prodbeschr .variante-text {
	background: #f4f4f4 !important;
	border: 1px solid #d0d0d0 !important;
	border-top: 0 !important;
	font-size: 13px !important;
	padding-left: 3px !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.prodbeschr .mehrzeilig {
	display: table;
	width: 100%;
	height: 60.2px;
	padding-bottom: 0;
}

.prodbeschr .ueberschrift-box-heading {
	display: table-cell;
	vertical-align: middle !important;
	padding-top: 0 !important;
}

.prodbeschr .un-var-5er {
	display: none;
}

@media (max-width: 1340px) {
	.prodbeschr .un-var-4er {
		display: none;
	}
	.prodbeschr .be-var-4er {
		display: block;
	}
}

@media (max-width: 1075px) {
	.prodbeschr .un-var-3er {
		display: none;
	}
	.prodbeschr .be-var-3er {
		display: block;
	}
}

@media (max-width: 810px) {
	.prodbeschr .un-var-2er {
		display: none;
	}
	.prodbeschr .be-var-2er {
		display: block;
	}
}

@media (max-width: 545px) {
	.prodbeschr .un-var-1er {
		display: none;
	}
	.prodbeschr .be-var-1er {
		display: block;
	}
}

.prodbeschr .montage-bild {
	max-width: 150px;
	vertical-align: middle !important;
	margin: 10px !important;
	border: 1px solid #000000 !important;
}

.prodbeschr .produktauflistung {
	width: 20%;
	float: left;
	text-align: center;
	vertical-align: center;
}

.prodbeschr .produktauflistung p {
	margin-top: -25px;
}

.prodbeschr .produktauflistung-box div:last-child {
	margin-bottom: 30px;
}

.prodbeschr .text-danger {
	color: #dc3545 !important;
}