/* $Id: style_ie.css 3632 2025-10-13 12:22:47Z wolf $ */


html { box-sizing: border-box;  }
*:before, *:after { box-sizing: inherit; }


* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7*/ 

BODY * {
	font-family: "halm_regular", Arial, Verdana, sans-serif;
/*	font-size: 1em;*/
/*	font-size: 0.98em;*/
/*	font-size: 14px;*/
	line-height: 1.2;
	font-size-adjust: 0.52; /* Arial */
	/* font-size-adjust: 0.58;  Verdana */
	/* font-size-adjust: 0.47;  Calibri */
}


:root {
	--primarycolor: #424242; 	/* rgb(66, 66, 66) / #424242 // Menugrau (anthrazit) - primary */
	--secondarycolor: #80C133; 	/* rgb(128, 193, 51) / #80C133 // Menugruen - secondary */
	--tertiarycolor: #6C85BD; 	/* rgb(108, 133, 189) / #6C85BD // ueberschriften */
	--red-heizen: #d44039; 		/* rgb(212, 64, 57) / #d44039 */	
	--blue-lueften: #3eb5e7; 	/* rgb(62, 181, 231) / #3eb5e7 */
	--yellow-regeln: #f7e446; 	/* rgb(247, 228, 70) / #f7e446 */
	--mint-zusatz:#7bb790; 		/* rgb(123, 183, 144) / #7bb790 */
}
/*
ci rot:     #C31622
ci blau:	#2F4DA3	

blue: #000099
blau tabelle: #A3C9E8      

hellgelb: #FFFDED  / rgb(255, 253, 237)
hellgelb bisserl dunkler: #FAF9EB  / rgb(248,247,230);

*/ 

.black-menu {
	color:  var(--primarycolor);
}

.green-menu {
	color:  var(--secondarycolor);
}



/**********************************************
*  HEADERS
**********************************************/


h1, h2, h3, .h3, h4, h5 {
	font-family: "YanoneKaffeesatzRegular", sans-serif;
	font-weight: normal;
	line-height: 1.1em;
	color: var(--tertiarycolor);
	letter-spacing: 0px;
	/*	text-align: left;*/
	margin-top: 1em;
	margin-bottom: 0.2em;
}


h1 {
	font-size: 3em; /* 3x14 = 42px */ 
	margin-top: 0.7em;
	line-height: 0.9em;
	margin-bottom: 0.5em;
}


h2 {
	font-size: 2.4em; /* 2.4x14 = 33.6px */
	margin-bottom: 0.5em;
}

h1 + h2 {
	color: rgba(66, 66, 66, 0.7);
	font-size: 2em;
	line-height: 1em;
	margin-top: -0.5em;
}

h3, .h3 {
	font-size:   1.6em;
}


h4 {
	font-size: 1.4em;
	color: rgb(150,170,210);
}


h5 {
	font-size: 1.2em;
}



strong, b {
	font-family: 'halm_medium', Arial, Verdana, sans-serif;
	font-weight: normal;
}


i.fa {
	font-smooth: auto;
	-webkit-font-smoothing: antialiased;
	transform: rotate(0.001deg);
	-webkit-transform: rotate(0.001deg);
	-moz-transform: rotate(0.001deg);
	-o-transform: rotate(0.001deg);
}

span.fa-stack.fa-05x{font-size: 0.8em; line-height: 2em;}
/*i.fa-2x{font-size: 16px; line-height: 20px;}
i.fa-3x{font-size: 21px; line-height: 25px;}
i.fa-4x{font-size: 28px; line-height: 24px;}
i.fa-5x{font-size: 35px;}
i.fa-6x{font-size: 42px;}  */





#maincontainer {
	background-color: white;
	-webkit-box-shadow: 0px 0px 10px #888;
	-moz-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
}


#topbar-switch {
	cursor: pointer;
}

#topbar-switch i {
	transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}

#topbar-switch:hover i {
	color: #2f4da3;
}


#header {
	top: 0px; 
	height: 92px; 
	background-color: white; 
	border: 0px solid blue;
}


#pagecontainer {
	padding: 0;
	border: 0px solid;
}



.topButton {
	position: relative;
	width: 520px;
	top: 10px;
	right: 2px;
}

#butt-top-last .topButton {
	top: -5px;
	right: 1px;
}



/* STARTSEITE >>> */

/*#startBoxTextIntro .xmas {
	background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)),  url('/images/event-styles/weihnachten/Eventlayers_04.png') bottom right no-repeat;
}
#startBoxTextIntro .xmas p {
	color: black;
} */


#containerLeftColumnStart {
	position: relative;
	overflow: hidden;
	/*	margin: 0px; */
	border: none;
}


#containerLeftColumnStart .carousel-caption {
    left: 2%;
    right: 2%;
    top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*h3*/
#containerLeftColumnStart .carousel-item .carousel-caption h3 {
	font-size: 3.5rem;
	margin-top: 0em;
}

#containerLeftColumnStart .citem1 .carousel-caption h3 
, #containerLeftColumnStart .citem2 .carousel-caption h3 
{
/*	color: #eee;*/
	text-shadow: 0 0 6px rgba(255,255,255, 1.0);	
}
#containerLeftColumnStart .citem1-weihnachten .carousel-caption h3 
, #containerLeftColumnStart .citem2-weihnachten .carousel-caption h3 
{
	color: #eee;
	text-shadow: 0 0 6px rgba(0,0,0, 1.0);	
}


/*h4*/
#containerLeftColumnStart .carousel-item .carousel-caption h4 {
	font-size: 2rem;
}

#containerLeftColumnStart .citem2 .carousel-caption h4 
, #containerLeftColumnStart .citem3 .carousel-caption h4 
{
	color: #eee;	
}
#containerLeftColumnStart .citem2-weihnachten .carousel-caption h4 {
	color: var(--tertiarycolor);	
}

#containerLeftColumnStart .citem2 .carousel-caption h4 
{
	text-shadow: 0 0 8px rgba(0,0,0, 1.0),
				1px 1px 1px rgba(0,0,0, 0.1),
				-1px -1px 1px rgba(0,0,0, 0.1);	
}
#containerLeftColumnStart .citem1-weihnachten .carousel-caption h4 
, #containerLeftColumnStart .citem2-weihnachten .carousel-caption h4 
{
	text-shadow: 0 0 8px rgba(0,0,0, 1.0),
				1px 1px 1px rgba(0,0,0, 0.5),
				-1px -1px 1px rgba(0,0,0, 0.5);	
}

#containerLeftColumnStart .citem3 .carousel-caption h4 
{
	text-shadow: 0 0 10px rgba(0,0,0, 1.0),
				1px 1px 1px rgba(0,0,0, 0.2),
				-1px -1px 1px rgba(0,0,0, 0.2);	
}
#containerLeftColumnStart .citem3-weihnachten .carousel-caption h4 
{
	text-shadow: 0 0 8px rgba(0,0,0, 1.0),
				1px 1px 1px rgba(0,0,0, 0.2),
				-1px -1px 1px rgba(0,0,0, 0.2);	
}

.carousel-control-next, .carousel-control-prev {
	width: 5%;
}



#containerRightColumnStart{
	/*	margin: 0 0px 0 -15px;*/
	/*	padding: 0 0px; */
	text-align: center;
/*	height: 384px; */
	overflow: hidden;
	border: none;
}

#newsbox {
	position: relative;
	padding: 0 .5em .5em;
	margin-bottom: .5em;
	background-color: #424242;
/*	font-family: 'DejaVuSans', sans-serif; */
	font-size: 0.9em;
	text-align: left;
}



#startService .media {
	padding: .5em 0;
}

#startService .media > span {
	width: 10vw;
}

#startService .media-body {
	padding-left: 1em;
}


/* >>> STARTSEITE */




#containerLeftColumn{
	/*	position: relative;*/
	text-align: left; 
	border: none;
	z-index: 4;
}

#containerLeftColumn > div {

}



#containerRightColumn{
	text-align: center; 
	border: none;
}

#containerRightColumn p {
	text-align: left;
}


#RightColumn {
	position: relative; 
	top: 80px; 
	text-align: center; 
	margin: 0 auto; 
	border: none;
}



div#topbar, div#topbar-open {
	position: relative; 
	display: none;
/*	line-height: 34px; */
}

div#topbar-open {
	display: block;
}

#topbar-open {
	margin-bottom: 0px;
}


div#topbar
, #topbar div
, div#topbar-open
, #topbar-open div {
	font-size: .8rem;
}

div#topbar-open
, #topbar-open div {
	font-family: inherit;
}








#startAddr .fa-li > i {
	color: var(--tertiarycolor);
	width: 2em;
}



/* FOOTER */

#footerContainer {
	background-color: rgba(66, 66, 66, 0.1);
	border-top: 1px solid rgba(66, 66, 66, 0.2);
}

#footer-left 
, #footer-right
, #footer-center {
	text-align: center; 
}

#footer-center img {
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

#footer-center a:not(:first-child) {
	margin-left: 1em;
}





#divMenubox {
	/*	width: 220px; */
	text-align: left; 
	/*	padding: 5px; */
	margin-top: 3em;
	margin-bottom: 10px; 
	border: 1px solid #ddd; 
	background: #fff url(images/menubox_bar-left.png) top left no-repeat;
}




/*******************************************************************************
* BASICS
*******************************************************************************/

.chw-opac0  { opacity: 0; }
.chw-opac1  { opacity: 0.1; }
.chw-opac2  { opacity: 0.2; }
.chw-opac3  { opacity: 0.3; }
.chw-opac4  { opacity: 0.4; }
.chw-opac5  { opacity: 0.4; }
.chw-opac6  { opacity: 0.6; }
.chw-opac7  { opacity: 0.7; }
.chw-opac8  { opacity: 0.8; }
.chw-opac9  { opacity: 0.9; }
.chw-opac10 { opacity: 1; }

.blue1, .blue-cid1 {
	color: #000099;	
}
.blue2, .blue-cid2 {
	color: var(--tertiarycolor);
}  

/*.blue3 { 
	color: #A3C9E8;
}*/


.green-cid{
	color: var(--secondarycolor);
}    


.red-heizen {
	color: var(--red-heizen);
}
.blue-lueften {
	color: var(--blue-lueften);
}

.yellow-regeln {
	color: var(--yellow-regeln);
}

.mint-zusatz {
	color: var(--mint-zusatz);
}
 


.grey1 {
	color: rgb(200,200,200);
}






.clear {
	clear: both;
}

.clear-l {
	clear: left;
}
.clear-r {
	clear: right;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}






a:link, a:visited {color: #000000; text-decoration: none;}
a:hover {color: red; text-decoration: none;}
a:active {color: red; text-decoration: none; outline: none;}


a:link.info, a:visited.info {color: var(--tertiarycolor); text-decoration: none;}
a:hover.info {color: var(--tertiarycolor); text-decoration: underline; cursor: pointer;}
a:active.info {color: red; text-decoration: none;}

a:link.email, a:visited.email {color: #0000ff; text-decoration: none;}
a:hover.email {color: #0000ff; text-decoration: underline; cursor: pointer;}
a:active.email {color: red; text-decoration: none;}

a:link.boxStart, a:visited.boxStart {color: #333333;}    

a:link.red, a:visited.red {color: #ff3333;}    


a:link.linksym, a:visited.linksym
, a:link.pdfsym, a:visited.pdfsym {
	color:           var(--tertiarycolor);
	text-decoration: none;
}
a:hover.linksym {
	color:           var(--tertiarycolor);
	text-decoration: underline;
	cursor: pointer;
}
a:active.linksym {
	color:           red;
	text-decoration: none;
}

a.linksym:before {
	display: inline;
	padding-right: 3px;
}


a.pdfsym:before {
	content: url(/images/icon_pdf_white.png);
	display: inline;
	vertical-align: middle;
	/*	padding-right: 3px;*/
}





hr {
	height: 1px;
	border-width: 0;
	color: #ddd;
	background-color: #ddd;
}

hr.dotted-blue50 {
	border-top: 3px dotted rgba(108, 133, 189, .5);
	background-color: transparent;
}

hr.dotted-blue25 {
	border-top: 3px dotted rgba(108, 133, 189, .25);
	background-color: transparent;
}
hr.dotted-blue25-3dots {
	border-top: 10px dotted rgba(108, 133, 189, .25);
	background-color: transparent;
	width: calc(10px * 6);
}



[data-chw]:after {
	content: attr(data-chw);
}


/**********************************************
*  TABLES
**********************************************/


.tbl100 { width: 100%; }
.tbl90 { width: 90%; }                                                 
.tbl80 { width: 80%; }
.tbl70 { width: 70%; }
.tbl60 { width: 60%; }
.tbl50 { width: 50%; }




table.center td {
	text-align: center;
}

/* Table with yellow background and orange border in+/outside */
.table-yellow_border-orange {
	background-color: #FFFAED; 
	border: 1px solid #FAC658;
	empty-cells:hide
	
}

.table-yellow_border-orange td {
	border: 1px solid #FAC658;
	padding: 2px;
}


table.firstColOrng td:first-child {
	background-color: #FEF0CD;
	font-size: 11px;	
}

table.firstColYel1 td:first-child {
	background-color: #F7F7DC;
	/*    font-size: 11px;	*/
}

#tbl-fbh-bodenbelag td:first-child
, #tbl-fbh-bodenbelag.firstRowBold tr:first-child {
	font-size: inherit;
}


table.firstColYel2 td:first-child {
	background-color: #EDEDD3;
	font-size: 11px;	
}

table.firstColBold td:first-child {
	font-weight: bold;
	/*    font-size: 11px;	*/
}

table.firstColLeft td:first-child {
	text-align: left;	
}

table.lastColRight td:last-child {
	text-align: right;
}

table.oddColOrng td:nth-child(odd) {
	background-color: #FEF0CD;
	font-size: 11px;	
}

table.oddColBoldOrng td:nth-child(odd) {
	font-weight: bold;
	background-color: #FEF0CD;
	font-size: 11px;	
}

table.oddRowOrng tr:nth-child(odd) {
	background-color: #FEF0CD;
	font-size: 11px;	
}

table.firstRowOrng tr:first-child {
	background-color: #FEF0CD;
	font-size: 11px;	
}

table.firstRowBold tr:first-child {
	font-weight: bold;
	font-size: 11px;	
}

table.firstRowBold tbody tr:first-child {
	font-weight: normal;
	font-size: 11px;	
}



table.autocenter td[colspan] {
	text-align: center;
	vertical-align: middle;
}

table.tbl-valign-middle tr td
, table.tbl-valign-middle tr th 
{
	vertical-align: middle;
}

table.tbl-center-after-1st-col td:not(:first-child) 
, table.tbl-center-after-1st-col th:not(:first-child)  
, table.tbl-center-after-2nd-col td:not([colspan]):nth-child(n+3)
, table.tbl-center-after-2nd-col td[colspan]:nth-child(n+1)+td
, table.tbl-center-after-2nd-col th:not([colspan]):nth-child(n+3)
, table.tbl-center-after-2nd-col th[colspan]:nth-child(n+1)+th
{
	text-align: center;
}



/* Bilder mit Markern */
td.blue1 {
	background: url('/images/core-layout/icons/bullet_blue_1.png') no-repeat;
}
td.blue2 {
	background: url('/images/core-layout/icons/bullet_blue_2.png') no-repeat;
}
td.blue3 {
	background: url('/images/core-layout/icons/bullet_blue_3.png') no-repeat;
}
td.blue4 {
	background: url('/images/core-layout/icons/bullet_blue_4.png') no-repeat;
}

td.Marker {
	width: 15px;
	background-position: center 2px;
}




table.tbl-tr-bottomline-blue {    
	background-color: #FFFFED;
	border-collapse: collapse;
}


table.tbl-tr-bottomline-blue tr:first-child {
	border-top: 1px solid #A3C9E8;	
}

table.tbl-tr-bottomline-blue tr {
	border-bottom: 1px solid #A3C9E8;
}

table.tbl-tr-bottomline-blue td {
	padding: 4px;
}

table.tbl-td-blue tr:not(:first-child) td {
	border-right: 1px solid #A3C9E8;
}


table.schalter td[colspan] {
	background-color: #A3C9E8;
	font-weight: bold;
	text-align: left;
}

table.schalter td[rowspan] {
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #A3C9E8;
}

table.tempregler td:first-child 
{
	width: 180px;
}




.tblMMH img {
	/*	border: 0;*/
	margin-bottom: 3px;
}






tr.center td {
	text-align: center;
}

td {
	text-align: left;
	vertical-align: top;
	color: #000000;
}

.jumbotron.text-light table th
, .jumbotron.text-light table td 
, .jumbotron.text-light table td a {
	color: rgb(250,250,250);
}

td.bold-middle {
	font-weight: bold;
	vertical-align: middle;
}

td.px12{font-size: 12px}



td.tick-green {
	background-image: url('/images/core-layout/icons/tick.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}



td.cross-red {
	background-image: url('/images/core-layout/icons/cross.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}



.linieunten {
	padding-bottom: 1px;
	border-bottom: 1px solid #e1e1e1
}

.linieoben-blau {
	border-top: 1px dotted #6C85BD;
}

.left, div.left {
	text-align: left;
}

.flleft {
	float: left;
}    

.flright {
	float: right;
}    

.center {
	text-align: center;
}

.right {
	text-align: right;
}


.blocksatz {
	text-align: justify;
}    


.bold {
	font-weight: bold;
}

.stabilo {
	background-color: #FEF0CD;
}

.stabilo:before, .stabilo:after {
	content: "\00a0";
}

.valign {
	vertical-align: middle;
}


.fs-normal {
	font-style: normal;
}

img.noborder {
	border: none;
}

p.LHx2{line-height: 20px;}

p {
	margin: 0px;
	padding: 0px;
	padding-top:    4px;
	padding-bottom: 6px;
}

p.download {
	margin-top: 2em;
}
p.prodsupp {
	font-size: small;	
}



.bg-orng-dark {
	background-color: #FAC658;
}

.bg-orng-medium-dark {
	background-color: #FADA96;
}

.bg-orng-medium-light {
	background-color: #FEF0CD;
}

.bg-orng-light {
	background-color: #FFFAED;
}





/**
*	SPECIFIC HEADERS  
*/


h2.ebene2 {
	padding: 0;
	margin-top: 1.5em;
	font-size: 22px;
}  



h3.ebene2 {
	border: none;
	font-variant: normal;
	padding: 0;
	margin-top: 2em;
	margin-left: -5px;
	font-size: 18px;
	color: #000099;
}


/* Startseite */
#startBoxTextIntro h1 {
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 1em;
}

h2.startHeader2 {
	padding: 0;
	text-align: center;
	background-color:  #fffded; 
	margin: 20px auto 0; 
	z-index: 2; 
	position: relative;
	border: none;         
}

h2.startHeader2 + hr {
	border: none; 
	height: 1px; 
	background-color: var(--tertiarycolor); 
	position: relative; 
	top: -23px; 
	margin-bottom: 20px;
	z-index: 1;
}


h2.headerIntro {
	width: 400px;
}

.headerService {
	width: 340px; 
}
.headerQuality {
	width: 210px; 
}
.headerAdresse {
	width: 230px; 
}
/* Ende Startseite */






#startMenu h1
{
	color: white;
}





#download h2
, #faqcont h2
, #pscont h2
, #garantie h2
, #infoint h2 {
	border: none;
	font-variant: normal;
	outline: none;
}


#garantie h2.level1 {
	clear: both;
}


h2.download, h2.download a
, h2.prodsupp
, #presse h2 {
	width: auto;
	font-family: "halm_regular", serif;
	font-size: 1.1em;
	font-weight: normal;
	color: black;
	/* letter-spacing: 1px; */
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	border: none;
}


#searchDownload h2 
, #searchps h2 
{
	margin-top: 1em;
	margin-left: -2em;
	padding-left: 2em;
	padding-bottom: 0;
}







#ausbildung h2.ebene2
, #praktikum h2.ebene2
, #referenzen h2.ebene2 {
	font-size: 18px;
	cursor: pointer;
	margin-top: 1em;
} 
#ausbildung a:link, #ausbildung a:visited {
	color: var(--tertiarycolor);
}








h3.download
, h3.prodsupp
{
	font-size: 1.2em;
	text-align: left;
/*	margin-left: .5em;*/
	font-style: normal;
	color: black;
}

h3.content {
	margin-top: 1em;
	margin-bottom: 5px;
	color: #aaaaaa;
} 

h3.no-topmargin {
	margin-top: 0;
}


.underline {
	border-bottom: 1px dotted var(--tertiarycolor);
}

h3.underline {
	margin-top: 1em;
	margin-bottom: 8px;
}

h4.underline {
	/*	margin-top: 1em;*/
	margin-bottom: 0.5em;
}




#newsbox .header {
	font-size: 1.4em;
	margin-top: 10px;
	color: #c8dc95;
}



h4 .fa-square {
	margin-left: 2px;
}







/**********************************
*    DIVS
**********************************/


#start-schimmelrechner, #start-spkonfigurator {
	width: 100%;
	margin-top: 2em;
	padding-left: 10px;
}

#start-schimmelrechner i, #start-spkonfigurator i {
	float: left;
	line-height: 18px;
	margin-bottom: 1em;
	margin-right: 7px;
}

#start-schimmelrechner span, #start-spkonfigurator span {
	display: block;
}



/*
#category {  
margin-top: 1.5em;
color: #649650;
font-size:1.8em;
letter-spacing: -2px;
}   
*/
#startMenu
{
	width: 540px;
}


#hinweisRedirect {
	position: relative; 
	width: 716px; 
	margin: 0px auto;
	/*	font-size: 1.2em;*/
	/*	top: 10px;*/
}


#searchDownload 
{
	margin: 1em 0em 1em 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted var(--tertiarycolor);
}

#searchDownload 
, #searchps 
{
	display: block;
}

#preislisten
, #anleitungen
, #montageanleitungen
, #bedienungsanleitungen
, #schaltschemen
, #ausschreibung
, #zertifikate
, #oekodesign {
	overflow: auto;
} 



#infoint div {
	margin-left: 30px;
}


#gewinnspiel-preise {
	margin-left: 25px;
}

#gewinnspiel-preise td {
	font-size: 1.2em;
	vertical-align: text-bottom;
	height: 50px !important;
}

#gewinnspiel-preise table {
	margin-top: 2em;
	margin-bottom: 1em;
	/*	border-top: 1px dotted #6C85BD;*/
	/*	border-bottom: 1px dotted #6C85BD;*/
}

#gewinnspiel-preise table td:first-child {
	font-size: 2em;
	width: 5em;
	color: #9BA9D2;
	text-align: right;
}

#gewinnspiel-preise span {
	display: block;
	margin-left: 1em;
	font-size: 0.8em;
}


#gewinnspiel-preise table td.preisbig {
	font-size: 3em;
	color: red;
}



/***************************************
*   CLASSES
**************************************/

.reset {
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	overflow: visible;
}


.divider {
	border-bottom: 1px dotted #6C85BD; 
	margin-bottom: 8px;
}

.mvUp80 {
	position: relative;
	top: -80px;
}


.centered {
	width: 50%;
	margin: 0px auto;
	overflow-x: visible;
}


 

.garantiesiegel {
	position: relative;
	top: -2em;
	font-size: 2em;
	z-index: 4;
	-webkit-transform: rotate(-9deg) translateZ(0);
	-moz-transform: rotate(-9deg) translateZ(0);
	-o-transform: rotate(-9deg) translateZ(0);
	-ms-transform: rotate(-9deg) translateZ(0);
	transform: rotate(-9deg) translateZ(0);
}

.garantiesiegel > span {
	-webkit-box-shadow: 3px 3px 8px #888;
	-moz-box-shadow: 3px 3px 8px #888;
	box-shadow: 3px 3px 8px #888;
}



/* footnote */
[data-chw-stars]:after {
	content: attr(data-chw-stars);
}

.footnote-stars {
	position: relative;
	font-size: 1rem;
	color: var(--primarycolor);
	font-variant-position: super;
	vertical-align: super;	
} 



div.imgWithMarkersHorizontal {
	overflow: hidden;
	margin: 0px; 
	padding: 1px; 
	border: 1px solid #FAC658;
}
div.imgWithMarkersHorizontal img:first-child {
	float: left;
}
div.imgWithMarkersHorizontal td {
	font-size: 10px;
}



.martop50 { margin-top: 50px;}
.martop40 { margin-top: 40px;}
.martop30 { margin-top: 30px;}
.martop20 { margin-top: 20px;}
.martop15 { margin-top: 15px;}
.martop10 { margin-top: 10px;}
.martop5  { margin-top: 5px;}

img.marbot50 { margin-bottom: 50px;}
img.marbot40 { margin-bottom: 40px;}
img.marbot30 { margin-bottom: 30px;}
img.marbot20 { margin-bottom: 20px;}
img.marbot15 { margin-bottom: 15px;}
img.marbot10 { margin-bottom: 10px;}
img.marbot5  { margin-bottom: 5px;}


.padtop50 { padding-top: 50px;}
.padtop40 { padding-top: 40px;}
.padtop30 { padding-top: 30px;}
.padtop20 { padding-top: 20px;}
.padtop15 { padding-top: 15px;}
.padtop10 { padding-top: 10px;}
.padtop5  { padding-top: 5px;}



.padd5, .padding5 {
	padding: 5px;
}
.padd10, .padding10 {
	padding: 10px;
}



.lhead
{
	font-family: Tahoma;
	font-size: 1em;
	color:     #004D9F;
	font-weight: bolder;
	letter-spacing: 1px;
}
/* .head2{background-image: url(images/bg_head.gif); font-family: Verdana,Tahoma; font-size: 12px ;color: #ffffff; font-weight: bolder; letter-spacing: 1px;} */
.head2
{
	background: url(images/bg_hd-3.gif) repeat-x ;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
}

.nobg {
	background: none;

}

.yellowbg {
	background-color: #FFFDED;
}

.headpreisl
{
	background-color: #004D9F;
	font-family: Verdana, Tahoma;
	font-size: 12px;
	color: #ffffff;
	font-weight: bolder;
	letter-spacing: 1px;
}

.headpreisl2
{
	font-family: Verdana, Tahoma;
	font-size: 11px;
	color:     #ffffff;
	font-weight: normal;
}

.cid
{
	background-color: #efefef;
	font-size:   12px;
	color:       #004D9F;
	font-weight: bolder;
}

.cid2
{
	font-size: 11px;
	color:     #ff0000;
	font-weight: bolder;
	font-style: italic;
}

.infohead
{
	font-weight:    bolder;
	letter-spacing: 3px;
}


.sup
{
	color: #ff0000
}

.red, .error
{
	color: #E83300;
}

.redbold
{
	color:       #E83300;
	font-weight: bold;
}




.text-shadow-lightgrey {
	text-shadow: 1px 1px 0px #ddd;
}
.text-shadow-darkgrey {
	text-shadow: 1px 1px 0px #999;
}
.text-shadow-white {
	text-shadow: 1px 1px 0px #fff;
}
.text-shadow-black {
	text-shadow: 1px 1px 0px #000;
}

.estd1, .estd3b {
	font-size: 11px;
}

.estd2, .estd3, .estd4, .estd5 {
	font-size: 9px;
	text-align: center;
}

.estd1 { background-color: #FAC658; } 
.estd2 { background-color: #FFDF41; } /* ES-10*/
.estd3 { background-color: #ffffff; }
.estd4 { background-color: #F39200; } /* ES-18 */
.estd5 { background-color: #E30613; } /* ES-25 */
.estd3b { background-color: #FEF0CD; }
.estd33 { background-color: #00ACE9; } /* ES-33 */
.estd210 { background-color: #0081AF; } /* MT210 */


.fc-es10 { color: #FFDF41;}    
.fc-es18 { color: #F39200; }    
.fc-es25 { color: #E30613; }    
.fc-es33 { color: #CA4191; }    
.fc-mt210 { color: #0081AF; }    
.fc-mt225 { color: #00ACE9; }    

td.es25-fett { color: #00ACE9; background-color: white; }    

.fc-es10, .fc-es18, .fc-es25, .fc-es33, .fc-mt210, .fc-mt225 {
	margin-left: 2em; 
	margin-bottom: 4px;
}

.tcinfo
{
	/*    font-size:      10px;*/
	letter-spacing: 1px;
	text-align:     center;
	padding-top:    6px;
}

.conthead1
{
	color:     #3E5FAB;
	font-size: 130%;
	font-style: oblique;
}

.conthead2 {
	margin: 0px;
	padding: 0px;
	display: inline;
	color:     #3E5FAB;
	line-height: 130%;
	font-size: 120%;
	font-style: oblique;
}

.contimgleft
{
	float:       left;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
}

.contimgright
{
	float:  right;
	margin-right: 0px;
	margin-left: 15px;
}

.lang
{
	margin-top: 10px;
	border: 2px solid black;
}


.acrobat-button {
	margin-top: 10px;
	margin-bottom: 7px;
}   

.vde-logo {
	margin-top: 20px;
} 

.button-neu {
	position: relative;
	display: block;
	top: 25px;
	left: -70px;
}


.ico48 {
	margin-top: -5px;
}

.pdfDownload
{
	display: none;
	padding: 5px;
	background: #fff;
	border:  1px solid #aaaaaa;
}

.pdfDownload img {
	display: block;
	margin: 0px auto;
}

.commentGrey{
	display: inline-block;
	color: gray;
	font-style: italic;
}




.chw-comment i.fa {
	font-size: 55px;
	color: #FFEEBF;
	text-shadow: 0 2px 0 rgba(255, 255, 255, 1.0);
}
.chw-comment {
	padding: 15px;
	background-color: #fffded;
/*	font-family: "Droid Sans", serif;*/
	font-size: 16px;
	font-style: italic;
	color: #9AA572;	
	text-align: center;
	border-radius: 15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0);
}

.chw-comment > i:first-child {
	position: relative;
	top: -10px;
	/*	margin-bottom: 0px;*/
}

.chw-comment > i:last-child {
	top: 0;
}

p.chwhidden, div.chwhidden {
	display: none !important;
}



/* chw-quote */
.chw-quote-wrapper {
	width: 230px;
	height: 230px;
	position: relative;
	margin: 5vh auto 0; /*OPTIONAL MARGIN*/
}

.chw-quote-text {
	width: 100%;
	height: 100%;
	/*BLUE BG*/
	background: radial-gradient(
	ellipse at center,
	rgba(128, 193, 51, .8) 0%,
	rgba(128, 193, 51, .8) 70%,
	rgba(128, 193, 51, 0) 70.3%
	);
	/*RED BG
	background: radial-gradient(
	ellipse at center,
	rgba(210, 20, 20, 1) 0%,
	rgba(210, 20, 20, 1) 70%,
	rgba(210, 20, 20, 0) 70.3%
	);*/
	position: relative;
	margin: 0;
	color: white;
}

.chw-quote-text::before {
	content: "";
	width: 50%;
	height: 100%;
	float: left;
	shape-outside: polygon(
	0 0,
	98% 0,
	50% 6%,
	23.4% 17.3%,
	6% 32.6%,
	0 50%,
	6% 65.6%,
	23.4% 82.7%,
	50% 94%,
	98% 100%,
	0 100%
	);
	shape-margin: 7%;
}

.chw-quote-text p::before {
	content: "";
	width: 50%;
	height: 100%;
	float: right;
	shape-outside: polygon(
	2% 0%,
	100% 0%,
	100% 100%,
	2% 100%,
	50% 94%,
	76.6% 82.7%,
	94% 65.6%,
	100% 50%,
	94% 32.6%,
	76.6% 17.3%,
	50% 6%
	);
	shape-margin: 7%;
}

.chw-quote-wrapper blockquote header {
	width: 100%;
	position: absolute;
	/*  bottom: 25px;*/
	top: 50px;	
	margin-bottom: 4em;
	font-size: 21px;
	text-align: center;
	font-style: italic;
	text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);
}

.chw-quote-text p {
  	position: relative;
  	height: 100%;
	font-size: 17px;
	line-height: 1.25;
	top: 2em;
	padding: 0;
	text-align: center;
	font-style: italic;
/*	color: var(--primarycolor);*/
	text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);
}

.chw-quote-wrapper::before {
	content: "\201C";
	font-size: 270px;
	height: 82px;
	line-height: 0.78;
	line-height: 1;
	position: absolute;
	top: -48px;
	left: 0;
	z-index: 1;
	font-family: sans-serif, serif;
	color: #ccc;
	opacity: 0.9;
}

@media (min-width: 850px) { /* bigger circle and font-size */
	.chw-quote-wrapper {
		width: 300px;
		height: 300px;
	}

	.chw-quote-wrapper::before {
		font-size: 260px;
	}

	.chw-quote-text p {
		font-size: 19px;
		top: 3em;
	}

	.chw-quote-wrapper blockquote header {
		font-size: 25px;
		/* bottom: 32px; */
	}
}
/* < end chw-quote */



.imgFrameBlack{
	border: 1px solid black;
}
.imgFrameDarkGrey{
	border: 1px solid #aaaaaa;
}
.imgFrameLightGrey{
	border: 1px solid #eeeeee;
}
.imgFrameBlue{
	border: 1px solid #A2C8EC;
}

.imgFrame4LightGray {
	border: 4px solid #E6E6E6;
}


.imgPolaroid {
	padding: 5px;
	background-color: white;
	margin-top: 5px;
}


.img-circle {
	border-radius: 50%;
}

img.bullet {
	vertical-align: middle;
	margin-right: 5px;
}



.boxLinks{
	width: 220px; 
	text-align: left; 
	background-color: #efefef; 
	padding: 5px; 
	margin-bottom: 10px; 
	border: 1px solid #aaaaaa;
}

.boxPreise{
	width: auto; 
	padding: 1em; 
}

div.boxLinks h3
, div.boxPreise .h3
, div.boxPreise h3 {
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	text-align: left;
}

.boxPreise h3:first-child {
	margin-top: 0px;
}

.annobox {
	/*	width: 100%;*/
	padding: 10px 20px 10px 70px;
	margin: 1.2em 0 .6em 0;
	background: #e7e7e7;
	/*	border-top: 1px solid #dddddd; */
	/*	border-bottom: 1px solid #dddddd; */
	background: #e7e7e7 url("images/sym-anno.gif") 10px 12px no-repeat;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	/*    behavior: url(/css/border-radius.htc);*/
	clear: both;
}

.annobox-yellow {
	background-color: #ffffed;
}
.annobox-blue-light {
	background-color: #80FFFF;
}
.annobox-primary {
	background-color: var(--primarycolor);
	color: var(--secondarycolor);
}
.annobox-secondary {
	background-color: var(--secondarycolor);
	color: var(--primarycolor);
}


.annobox.mvToRightCol {
	width: 230px;
	padding: 5px;
	padding-top: 50px;
}

.annobox.mvToRightCol img {
	position: relative;
	top: -40px;
	margin-bottom: -40px;
}



.speech-bubble-start {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 300px;
	height: 50px;
	background: #F4F2E2;
	border-radius: 10px;
	color: #000;
}
.speech-bubble-start:before {
	position: absolute;
	top: 10px;
	left: -20px;
	content: '';
	border-right: 22px solid #F4F2E2;
	border-top: 0px solid transparent;
	border-bottom: 10px solid transparent;
}


.officedoc {
	background: url(images/core-layout/icons/office-document.png) left top no-repeat;
}

.internaldoc {
	background: url(images/core-layout/icons/internal-document.png) left top no-repeat;
}

.externaldoc {
	background: url(images/core-layout/icons/external-document.png) left top no-repeat;
}

td.logomini{
	min-width: 17px;
	background: url("images/logo-vs.gif") 0px 1px no-repeat;    
}

td.arrow_in_box_right{
	min-width: 17px;
	height: 17px;
	background: url("images/arrow_right.gif") right top no-repeat;    
}

.level1 {
	padding-left: 30px; 
	line-height: 25px;
}


.btn-moreinfo {
	margin-top: 2em;
	margin-bottom: 1em;
}



/* ---[ LIST ELEMENTS ]----------------------------------------------------------------------------------- */


/* SUBMENU ASIDE -> Seiten Inhaltsverzeichnis */
div.submenu {
	display: none;
	position: fixed;
	padding-top: 10px;

}
div.submenu ul {
	/*	margin-left: -40px;*/
}

div.submenu a {
	display: block;
	/*	margin-left: 0;*/
	padding: 0.5em;
	border: 1px solid #dedede;
}

div.submenu a:before {
	content: "\f105";
	font-family: FontAwesome;
	color: #000;
	padding-right: 0.2em;
	left: 0;
}
div.submenu a:after {
	content: "\00a0";
	padding-right: 1em;
}
/* <--- SUBMENU ASIDE */


ul.plain li {
	list-style-type: none;
	list-style-image: none;
}    

ul.li-arrow-grey-level1 li {
	list-style-type: none;
	list-style-image: url(/images/core-layout/icons/arrow-grau30.png);
}

ul.li-arrow-grey-level2 li {
	list-style-type: none;
	list-style-image: url(/images/core-layout/icons/arrow-grau50.png);
}

ul.li-arrow-grey-level3 li {
	list-style-type: none;
	list-style-image: url(/images/core-layout/icons/arrow-grau75.png);
}

#download li 
{
	margin-left: -20px;
}


#pagecontainer.c113 ul li 
, #pagecontainer.c161 ul li 
, #pagecontainer.c162 ul li 
, #pagecontainer.c172 ul li 
, #pagecontainer.c181 ul li 
, #pagecontainer.c183 ul li 
, #pagecontainer.c189 ul li 
, #pagecontainer.c192 ul li 
, #pagecontainer.c193 ul li  
, #pagecontainer.c194 ul li  
{
	line-height: 1.6rem;
}

#pagecontainer.c187 ul.chw-check-blue2 li {
	padding-top: 1rem;
}

/* Stellenanzeigen */
#pagecontainer.c2005 ul.chw-check-blue2 li {
	line-height: 1.6em;
}




/* WRL */

table.tbl-wrl-overview {
	background-color: white;
}

table.tbl-wrl-overview td img {
	vertical-align: middle;
	margin-right: 4px;
}

table.tbl-wrl-overview a {
	color: var(--tertiarycolor);
}

table.tbl-wrl-overview i {
	color: rgb(0, 77, 158);
	padding-right: .5em;
}

table.tbl-wrl-overview span {
	display: inline-block;
	margin: 0.5em 0;		
}

#wrl-zertifikate li.level2 > div > div {
	clear: both;
	min-height: 100px;
}

#wrl-zertifikate li.level2 img {
	float: left; 
	margin-bottom: 1em; 
	margin-right: 1em; 
	border: 1px solid #dddddd;	
}


ul.wrl-zubehoer .media-img {
	width: 100px;
	margin-right: 1rem;
	text-align: center;	
	padding: 0.5rem 0;
}


ul.wrl-zubehoer .media-body > p {
	padding-top: 1rem;
}



#wrl-ersatzfilter img {
/*	width: 150px !important; */
	min-width: 50px;
} 


.wrl-erp-label {
	/*	display: flex;*/
	position: absolute;
	float: right;
	right: 2rem;
	top: 10px;
	z-index: 10;
	/*-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg);*/
	-webkit-box-shadow: 3px 3px 8px #999;
	-moz-box-shadow: 3px 3px 8px #999;
	box-shadow: 3px 3px 8px #999;   
}   


/* WRL Ende */




/* Downloadbereich c1001 + ProduktSUpport c1006 */

#download li.level2
{
	background: url(/images/arrow_right.gif) top left no-repeat;
	list-style: none; 
	line-height: 17px;
	margin: 0;
	clear: both;
}

#download li.level2 h2
{
	margin-left: 2em;
}

#download li.level2 h2.download + div 
{
	clear: both; 
	margin-left: 1em;
	/*	margin-left: 2em;*/
}

#download li.level2 h2.download + div > div 
, #pscont li.level2 h2.prodsupp + div > div 
{    /* ^= .doccontainer */
	clear: both; 
	padding-left: 1em; 
	font-size: 0.9em;
	margin-bottom: 2em;
}

#download li.level2 h2.download + div div img 
, #pscont li.level2 h2.prodsupp + div div img 
{
	float: left; 
	margin-bottom: 1em; 
	margin-right: 1em; 
	border: 1px solid #dddddd;	
}

#download li.level2 h2.download + div div div {
	min-height: 100px;
}

.c1001 h4
, .c1006 h4
{
	font-size: 1.2em;
	color: #666666;
}



#searchDownload .dl-result li span 
, #searchps .dl-result li span 
{
	color: grey;
}


/* >| Download Ende */


/**
* FBH (c113)
*/

section#pfp-systemaufbau .row {
	margin-bottom: 2em;
}


/* FBH Ende */




/**
* Badheizkoerper (193)
* main div class=bah
*/


.c193 ul {
	margin-top: 1em;
}

/* >| Badheizkoerper */





#presse li span {
	margin-left: 1em;
	font-style: italic;
	color: gray;
}


li.litec
{
	list-style-type: disc;
	margin-left: -20px;
	margin-top:  4px;
	padding-left: 0px;
	padding-top: 0px;
}

li.boden {
	list-style-type: disc;
	margin-left: 2px;
	margin-top:  4px;
	padding-left: 4px;
	padding-top: 0px;
}


ul.menubox li
, ul.servicebox li {
	list-style-image: url(/images/arrow_right.gif);
	list-style-type: disc;
	margin-left:     -10px;
	margin-top:      4px;
	padding-left:    0px;
	padding-top:     0px;
}  


ul.menubox ul.menubox-wrl li {
	margin-left: -22px;
}


div.sitemaps li {
	margin-top: 1em;
}



ul.boxStart li {     /* opensanssemibold [12] oder ropa [14] */
	margin-left: -15px;
	margin-bottom: 2px;
	border-bottom: 1px solid #eee;
	padding: 0.4em 0;
}

ul.boxStart li:hover {
	border-left: 3px solid transparent;
}

ul.boxStart li a:hover {
	color: red;
}


#startBoxHeizen .fa-li {
	color: rgb(212, 64, 57);
}
#startBoxLueften .fa-li {
	color: rgb(62, 181, 231);
}
#startBoxRegeln .fa-li {
	color: rgb(247, 228, 70);
}
#startBoxZusatz .fa-li {
	color: rgb(154, 183, 160);
}





ul.helpList
, ul.ulListCheckBlue, td.ulListCheckBlue
, ul.ulListProduktwImgThumb {
	list-style-type: none;
	padding: 0;
	margin: 0;
}


.helpList li
, ul.ulListCheckBlue li, td.ulListCheckBlue
, ul.ulListProduktwImgThumb li {
	list-style: none;
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 18px;
	text-align: left;
	line-height: 1.4em;
}

ul.pdfList li {
/*	background-image: url(/images/core-layout/icons/icon_pdf_white_list.png);*/
	/*	background-position: 0 1em;	*/
}

ul.helpList li {
	line-height: 1.5em;
	padding-left: 20px;
	background-image: url('/images/core-layout/icons/icon_help.png');	
}

ul.ulListCheckBlue, td.ulListCheckBlue {
	margin-left: 10px;
}

ul.ulListCheckBlue li, table td.ulListCheckBlue {
	line-height: 1.2em;
	padding-left: 20px;
	background-image: url('/images/icon_check_blue.png');
	background-position: 0 -2px;	
}

#fbh-rtr-elektr ul.ulListCheckBlue li {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	background-position: 0 2px;
}


table td.ulListCheckBlue {
	background-position:  0 50%;
}

ul.ulListCheckBlue li ul {
	margin-left: -20px;
}

ul.ulListCheckBlue li ul li {
	list-style-type: circle;
	padding-left: 0px;
	background-image: none;
}



ul.ulListProduktwImgThumb li {
	padding-left: 120px;
	padding-top: 5px;
	vertical-align: middle;
	min-height: 85px;
}

.ulListProduktwImgThumb li[style] {
	background-repeat: no-repeat !important;
/*	background-position: 0px 5px !important; */
}


ul.liBottomLineBlue li {
	border-bottom: 1px dotted #A3C9E8;
}

ul.liBottomLineBlue li:first-child {
	border-top: 1px dotted #A3C9E8;
}


ul.tempregler {
	float: left; 
	width: 280px;
	margin: 1em 0;
}


ul.funkthermostate li {
	padding-top: 2em;
	/*	margin-bottom: -2em;*/
}




ul.pdfList a:link, 
ul.pdfList a:visited, 
ul.helpList a:link, 
ul.helpList a:visited 
ul.videoList a:link, 
ul.videoList a:visited 

{
	color:           #0000dd;
	text-decoration: none;
} 


ul li.liWhiteArrow {
	list-style-image: url(/images/arrow_grey_t.gif);
}



/* numbered list NEW */

ul.ulNumbers {
	line-height: 1em;
}
ul.ulNumbers li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0.7em;
}
.ulNumbers div {
	float: left;
	margin-right: 1em;
}
.circle {
	display: inline;
	width:16px;
	height:16px;
	border-radius:8px;
	font-size:14px;
	color:#fff;
	line-height:17px;
	text-align:center;
	background: #000099;
}

.circle.red {
	background-color: red;
}

ul.ulNumbers li span {
	display: table-cell;
	line-height: 1.2em;
	vertical-align: top;
}






ul.fa-ul {
	padding-left: 1em;
}

ul.fa-ul li {
	list-style-type: none;
	list-style-image: none;
}





ul.fa-chw-adress {
	margin-left: 0px;
	padding-left: 0px;	
}

ul.fa-chw-adress li {
	line-height: 2em;	
}



#topbar-open ul.fa-chw-inline li 
{
	display: inline;
	font-size: 13px;
	color: rgb(100, 150, 80);
	margin-left: 1em;
}

#topbar-open ul.fa-chw-inline li:first-child 
{
	margin-left: 0em;	
}

#topbar-open ul.fa-chw-inline {
	/*margin-left: calc(170px + 15px + 10px);*/  /* width of arrowmarkerright + border + space */
	display: inline;
	text-align: left;
	height: 30px;
	overflow: hidden;
}



ul.fa-chw-adress i
, ul.fa-chw-adress a:link
, ul.fa-chw-adress a:hover
, ul.fa-chw-adress a:active
, ul.fa-chw-adress a:visited  {
	color: rgb(100, 150, 80);
}

/*
ul.pdfList li {
list-style: none url(/images/core-layout/icons/icon_pdf_white_list.png);
margin-left: -15px;
padding-left: 0px;
text-align: left;
line-height: 1em;
vertical-align: top
}
*/


/**
* overwrites fa definitions handeled by jq (container)
* [listed in stylesheet for codecompletition]
*/

.chw-check-square-o .fa-li 
, .chw-green 
{ 
	color: #80C133;
	/*	font-size: 13px;*/
}

.chw-red {
	color: #C31622;
}

.chw-check
, .chw-cross 
, .chw-cross-red .fa-li
, .chw-check-blue2 .fa-li
, .chw-thumbs-up-blue2 .fa-li
, .chw-thumbs-down-red .fa-li
, .chw-plus-square-green .fa-li
, .chw-minus-square-red .fa-li 
, .chw-exclamation .fa-li 
, .chw-danger .fa-li 
, .chw-arrow-right .fa-li 
{}

.chw-plus-square-green li
, .chw-minus-square-red li
{
	line-height: 2em;
}

.chw-lineh-1.chw-plus-square-green li
, .chw-lineh-1.chw-minus-square-red li
{
	line-height: 1em;
}
.chw-lineh-2.chw-plus-square-green li
, .chw-lineh-2.chw-minus-square-red li
{
	line-height: 1.25em;
}
.chw-lineh-3.chw-plus-square-green li
, .chw-lineh-3.chw-minus-square-red li
{
	line-height: 1.5em;
}








/* Glasrahmen .c194 */
.gallery-filter, .shuffle-filtering {
	cursor: pointer;
}

.gallery-filter > .list-group-item {
/*	font-size: 1.2em;*/
/*	font-weight: bold;*/
}

.gallery-filter > a.list-group-item {
	background-color: var(--primarycolor);
	color: white;
}

.gallery-filter > a.list-group-item:hover {
	background-color: var(--secondarycolor) !important;
	/*color: white;*/
}

.gallery-filter.list-group > a.active {
	background-color: var(--secondarycolor) !important;
	border-color: var(--secondarycolor) !important;
}


.gallery-container .item-desc {
	position: absolute;
	/*display: inline-block;*/
	bottom: 10px;
	left: 0px;
	min-height: 4.5em;
	color: #fff;
	padding: 5px 10px;
	background-color: rgba(0,0,0,.5);
	border-radius: 3px;
	z-index: 1;
	word-wrap: break-word;
} 





.shuffle-container .aspect {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}

.shuffle-container .aspect__inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* Add more aspect ratios here */
.shuffle-container  .aspect--16x9 {
	padding-bottom: 56.25%;
}
.shuffle-container  .aspect--8x7 {
	padding-bottom: 88%;
}

.shuffle-container figcaption {
	display: inherit;
}



/* ---[ FORM ELEMENTS ]----------------------------------------------------------------------------------- */


#formErrMessage {
	display: none;
	margin-bottom: 1em;
}


/*input[type=text], textarea, select, input[type=checkbox] {
padding: 5px; 
border: 2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}*/

input[type=text]:focus {
	border-color: #333;
}

/*input[type=submit], input[type=button] {
padding: 10px 20px; 
background: rgb(206, 186, 95); 
border: 0 none;
cursor: pointer;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 1.2em; 
}*/


input.error {
	border-color: red;
	font-size: 16px;
}
input[type=text].error {
	background: rgba(255,0,0,0.5);
	color: white;
}





fieldset
{
	padding:          5px;
	/*    background-color: #fff;*/
	background-color: #fffded;
	border: 1px solid #bbb;
}

fieldset i.fa {
	color: #A3C9E8;
}

legend
{
	color: #a2a2a2;
}


/* Kontaktformular */    

#kontaktfrm input[type="text"]
, #kontaktfrm select {
	/*	border: 0 0 1px 0;*/
	/*	border-color: #649650;*/
}

#kontaktfrm .tdbottom {
	vertical-align: bottom;
}


/* UNTERLAGEN */
#prodinfos-halmi-unterlagen {
	float: right;
}

#formUnterlagen label {
	color: #666;
	display: inline-block;
	width: 220px;
}

#formUnterlagen label.custom-control-label { 
	width: auto;
	padding-top: 0.1rem;
}

#formUnterlagen label span {
	display: block;
	font-size: 12px;
}

/* UNTERLAGEN QR-Codes Anschreiben */
form .form-check {
	padding-left: 0em;
}
#formUnterlagen label.error {
	color: #E83300;
}
#formUnterlagen label span.error {
	font-size: inherit;
}


/* Rueckruf rechte Seite */ 
#form-rr input[type="text"], #form-rr select {
	color: #aaa;	
}

.form-rr-header {
	background-color: #649650;
	color: #f3f1e2;
	padding: 5px;
}
.form-rr-header i.fa {
	color: #f3f1e2;
}

/* Rueckruf Unterlagenanforderung */
#formUnterlagen #rrTermin {
	display: none;
}






/* ------------------    ------------------ */


.expIco{
	padding-left: 20px;
	background: url(images/plus.gif) no-repeat 0px 4px;
}
.collIco{
	padding-left: 20px;
	background: url(images/minus.gif) no-repeat 0px 4px;
}

.imgColorboxLongDescription {
	display: none;
}


/**
* function wird in der index bei _USE_COLORBOX switch definiert und in der sp-functions-jqueryui.js aufgerufen 
* dort wird die i.fa mit der .iconMagnify definition angehängt
*/
.imgLupe{  
	position: relative;
}

.iconMagnify{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 10px;
/*	left: calc(50% - 24px);*/
/*	top: calc(50% - 24px);*/
/*	margin: 0px auto;*/
}


.vergleich194.imgLupe .iconMagnify {
	top: 90px;
} 





/* --- temperaturregler --- */
.margin-rtr {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}


.button-blue {
	border: 1px solid #6C85BD; 
	text-align: center; 
	padding: 5px;
	background-color: rgb(240,240,240);
}

.button-blue a {
	color: var(--tertiarycolor);
}



div.auswahl-tempregler-einbau > div{
	text-align: center;
}


/* Konfigurator */
.c1621 #RightColumn {
	min-height: 950px;
}

/* Adaptionsliste */
#adaptionDB #spresult {

}

#tbl-adapt th, #tbl-adapt td {
/*	font-family: 'halm_narrow';*/
	font-size: 0.9em;

}

#tbl-adapt th {
	/*vertical-align: bottom;	
	font-weight: normal;
	font-size: 12px;*/
}

#tbl-adapt td {
	/*font-size: 10px;*/
}

#tbl-adapt tr.item:hover td {
	/*	background-color: rgb(248,247,230);*/
	/*	font-size: 12px;*/
	cursor: pointer;
}

#tbl-adapt tr.adapt-hersteller td {
	/*	background-color: #A3C9E8;*/
	color: white;
	font-weight: bold;
	font-family: inherit;
	font-size: inherit;
}

#tbl-adapt td.center {
	text-align: center;
}


.auswahl-wwsp-banner{
	position: relative;
	/*	width: 510;*/
	height: 172px;
	vertical-align: top;
	margin-bottom: 10px;
	/*	background-color:  #7A96D2;*/
}

.rtr-up {
	background: url("/images/temperaturregler/Unterputz-Temperaturregler-Auswahl-banner.jpg");
}
.rtr-ap {
	background: url("/images/temperaturregler/Aufputz-Temperaturregler-Auswahl-banner.jpg");
}

.btext {
	float: right;
	position: relative;
	height: 152px;
	width: 150px;
	padding: 10px;
}


.btext {
	background-color: rgba(206, 186, 95, 0.3);
}
/*.rtr-up .btext {
background-color:  rgba(122, 150, 210, 0.3);
}
.rtr-ap .btext {
background-color: rgba(206, 186, 95, 0.3);
}*/

.btext .auswahl-button {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 40px;
	width: 160px;
	padding: 5px;
	text-align: center;
}

.auswahl-button {
	background-color: rgba(206, 186, 95, 1);
	background: -moz-linear-gradient(top, rgba(181,162,86,1) 0%, rgba(206, 186, 95, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(181,162,86,1) 0%,rgba(206, 186, 95, 1) 100%);
	background: linear-gradient(to bottom, rgba(181,162,86,1) 0%,rgba(206, 186, 95, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5a256', endColorstr='#00000000',GradientType=0 );
}

.auswahl-button:hover {
	background: none;
	background-color: rgba(206, 186, 95, 1);
}
/*.rtr-up .auswahl-button {
background-color: rgba(122, 150, 210, 1);
}
.rtr-ap .auswahl-button {
background-color: rgba(206, 186, 95, 1);
}*/

.auswahl-button a {
	color: white;
	line-height: 40px;
	font-size: 16px;
}

.rtr-ap .auswahl-button a {
	line-height: 20px;
	font-size: 16px;
}



#printadress{display: none; visibility: hidden;}



table#meinung td.noten {
	font-size: 15px;
	line-height: 12px;
	color: green;
}

ul.li-no-icons li {
	background-image: none;
}



/* --- EAN Nummern Konverter --- */
#boxEAN {
	/*	padding: 1em; */
	/*	background: url(/images/bg_box.png) no-repeat 50% 0px; */
	min-height: 265px; 
	border: 0px solid;
}
#boxEAN h4 {
	margin-top: 0;
	margin-bottom: 0;
	/*	text-align: center;*/
}

#frmEAN label {
	display: block;
	margin-top: 1em;
}

#inputArtNr, #resEAN {
	text-align: right;		
}











/**
* MODERNIZR 
*/

.mod_video .video-hint {
	display: none;
}

.mod_no-video .video-hint {
	display: block;
}





/* image manipulation */

.flipH {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

img.chw-greyscale {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.hidden {
	display: none;
}





/**
* Media Queries / Bootstrap overrides >>> 
*/


.row:before, .row:after {display: none !important;}



.h1.text-primary, .h2.text-primary, .h3.text-primary, .h4.text-primary, .h5.text-primary, .h6.text-primary {
	color: var(--tertiarycolor);
} 
.h1.text-secondary, .h2.text-secondary, .h3.text-secondary, .h4.text-secondary, .h5.text-secondary, .h6.text-secondary {
	color: var(--tertiarycolor);
}


.w-33 {
	width: 33% !important;
}
.w-40 {
	width: 40% !important;
}
.w-66 {
	width: 66% !important;
}

.text-primary 
{
	color: var(--primarycolor) !important;
} 
.text-secondary 
{
	color: var(--secondarycolor) !important;
} 


.alert.alert-primary 
, .jumbotron.bg-primary 
{
	background-color: rgba(66, 66, 66, 0.1) !important;
}
.alert.alert-secondary 
, .jumbotron.bg-secondary 
{
	background-color: rgba(128, 193, 51, 0.1) !important;
}

.alert.alert-secondary > hr {
	background-color: rgba(66, 66, 66, 0.2);
}


.btn.btn-primary 
{
	background-color: var(--primarycolor);
	border-color: var(--primarycolor));
	color: rgba(255,255,255,0.8);
}
.btn.btn-primary:hover {
	background-color: rgba(66,66,66,0.9);
	color: var(--secondarycolor); 
}

.btn.btn-secondary {
	background-color: var(--secondarycolor) !important;
	border-color: var(--secondarycolor) !important;
}



.custom-switch .custom-control-input:checked~.custom-control-label::before{
	background-color: yellowgreen;
}
.custom-switch .custom-control-input:checked~.custom-control-label::after{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='yellowgreen' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}



span.alert {
	display: inline-block;
	margin-top: 1rem;
}

img.float-left.img-thumbnail
, figure.float-left 
, .card.float-left 
{
	margin-right: 1em;
	margin-bottom: 1em;
}

img.float-right.img-thumbnail
, figure.float-right 
, .card.float-right 
{
	margin-left: 1em;
	margin-bottom: 1em;
}

.cstart nav .card-body {
	padding: 0.1em;
}

.card-body, .card-footer {
	padding: 0.5em;
}
/*.card-img-top {
width: 100%;
height: 15vw;
object-fit: cover;
}*/

.card-deck > .card {
	display: block;
}


.c182 .card-group h5 {
	margin-top: 0em;
}

.cd-twisto .card .card-img img {
	margin-left: -2.5em;
}
.cd-twisto .card .card-img img.img-fluid {
	max-width: 133%;
}



figure.figure {
	display: table;
}
figure > img {
	/*    display: inline-block;*/
	width: 100%;
}

figcaption {
	display: table-caption;
	caption-side: bottom;
} 




ul > li.media {
	margin-right: 1rem;
}


ol.list-group li {
	display: list-item;
	list-style-position: inside;
}





.tooltip-primary~.tooltip>.tooltip-inner {
	background-color: blue;
}

.tooltip-primary~.tooltip>.tooltip-arrow {
	border-bottom-color: blue;
}




.tabsAufputzregler .nav-item:not(:first-child)
, .tabsHeizband .nav-item:not(:first-child) {
	margin-left: 2px;	
}
.tabsAufputzregler h3 {
	margin-top: 0em;
	margin-bottom: 0.5em;
}
.tabsAufputzregler .nav-link {
	background-color: rgba(0,0,0,0.1);
	line-height: 2em;
	font-size: 1.1em;
	outline: 0;
}
.tabsAufputzregler .nav-link.active {
	background-color: rgba(0,0,0,.05);
	border-bottom: rgba(0,0,0,.05);;
	font-weight: bold;
	color: rgba(0,0,0,.5);
	border-radius: 0.5rem 0.5rem 0 0;
}
.tabsAufputzregler .nav-item:hover {
	background-color: rgba(0,0,0,0.15);
	/*position: relative;*/
	transform-origin: center 100%;
	transform: scaleY(1);
} 
.tabsAufputzregler .tab-pane.active {
	min-height: 180px;
	padding:1rem;
	background-color: rgba(0,0,0,.05);
	border-radius: 0;
	/*  border-bottom-left-radius: .5rem;*/
	margin-bottom:1rem;
}



.tabsHeizband .nav-link {
	background-color: rgba(0,0,0,0.05);
	border-radius: 0.5rem 0.5rem 0 0;
	/*line-height: 2em;
	font-size: 1.1em;*/
	outline: 0;
}
.tabsHeizband .nav-pills .nav-link.active {
	background-color: var(--red-heizen);
}
.tabsHeizband .nav-item:hover {
	/*background-color: rgba(0,0,0,0.15);*/
	/*position: relative;*/
	transform-origin: center 100%;
	transform: scaleY(1);
}
 


/**
* MEDIA QUERIES
*/



@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1340px;
	}
}


/* min sm and up */
@media (min-width: 576px) {    
	.jumbotron {
		padding: 2rem 2rem;
	}

	#footer-center a:not(:first-child) {
		margin-left: 30px;
	}
}

/* max up to sm */
@media only screen and (max-width: 767px) { 
	.wsmenu {
		margin: 0;	
		width: 100%;
	}

	#pfp-systemaufbau ul.pfp {
		display: inline-table;
	}
	#pfp-systemaufbau ul.pfp li {
		display: inline-block;
		padding-right: 1em;
		margin-bottom: 0;
	}

	#pfp-systemaufbau .ulNumbers div {
		margin-right: .3em;
	}

	/*.gallery-container img {
		max-width: 300px;
	}*/
}

/* min md and up */
@media (min-width: 768px) {	 
	ul.fa-ul {
		padding-left: 0em;
	} 
	
	.tbl-md-90 { width: 90%; }
	.tbl-md-80 { width: 80%; }
	.tbl-md-70 { width: 70%; }
	.tbl-md-60 { width: 60%; }
	.tbl-md-50 { width: 50%; }
	

	/*.gallery-container img {
		max-width: 250px;
	}*/
}

/* max up to md */
@media only screen and (max-width: 991px) { 
	.wsmenu {
		margin: 0;	
		width: 100%;
	}
}

/* min lg and up */
@media (min-width: 992px) {	

	#containerRightColumnStart{
		margin-left: -15px;
		background-color: var(--primarycolor);
		border-top: 1px solid #333
	} 

	#newsbox {
		padding: 0;
	}
	
	.tbl-lg-90 { width: 90%; }
	.tbl-lg-80 { width: 80%; }
	.tbl-lg-70 { width: 70%; }
	.tbl-lg-60 { width: 60%; }
	.tbl-lg-50 { width: 50%; }

}

/* <<< MQ / BS overides */




.back-to-top {
	cursor: pointer;
	position: fixed;    
	z-index: 10;
	bottom: 20px;
	right: 20px;
	background-color: var(--secondarycolor);
	display:none;
}
a:link.back-to-top {color: #fff;}


#chwcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #FAF9EB; border-top: 1px solid #ccc; padding: 10px; font-size: 12px; z-index: 10;}
#chwcookie a.button {cursor: pointer; background: #c8dc95; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#chwcookie a.button:hover {background-color: #649650;}
#chwcookie p.cookiemessage {display: block; font-size: 12px; padding: 0; margin: 0;}



div#chwdebug.chwdebug {
	z-index: 100;
}
.chwdebug {
	color: white;
	background-color: #f00;
	min-height: 1em !important;
	box-shadow: 1px 1px 10px;
	cursor: help;
}

.chwdebug pre {
	font-size: 10px;
	color: #ddd;
	background-color: #f66;
	display: none;
}