BODY {
width: 100%;
height: 100%;
    background:#fff url(../../site_images/microsites/deluxe-background-blur.jpg) no-repeat center center fixed;
    background-size: cover;
}
body.pageid_2066{
    
background: none
}
.pageid_2066 .oblast_strane{
    margin: 60px 0 0 0;
}
.oblast_sadrzaja {margin:20px auto 0 auto;}

#coll_right{
    width:250px;
}

#coll_middle {
    width:870px;
    background: none;
    background-color: rgba(255, 255, 255, 0.6);
}
.coll_middle {
    background: none;
    background-color: rgba(255, 255, 255, 0.6);
}


.pageid_2066 #coll_middle {
    background: none;
}

.pageTitle{
    padding:10px 10px 0px 10px;
}
.pageBody{
    padding:0px 10px 10px 10px;

}

.bocniMeniStrane{
    margin:0px;
    padding: 0px;
}
.bocniMeniStrane li ul{
    border:0px solid red;
    margin-right:0px;
    margin-left:0px;
}
.bocniMeniStrane li{
    width:auto;
    background:none;
    background-color: rgba(255, 255, 255, 0.55);
}

.bocniMeniStrane li a {
    
    font-size: 14px;
    color: #333;
    border: 0px solid #ddd;
}
.bocniMeniStrane li a:hover{
    background: none;
    border: 0px solid #e0001a;   
}
.bocniMeniStrane  .markerStrane{
    background:none;
    background-color: rgba(255, 255, 255, 0.9);
}

.bocniMeniStrane  .markerKategorije{
    background:none;
    background-color: rgba(255, 255, 255, 0.8);
}
.bocniMeniStrane .markerKategorije, .bocniMeniStrane .markerPodStrane {
    border-left: 2px solid red;
}

.oblast_futera {
    background:none;
    background-color: #444444;
}



.mapasveta , .mapasvetaru , .mapasvetaeng  {
    display:none;
}

.futerpodaci P {
    color: #666;
}


ul.galerijaDeluxe{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.galerijaDeluxe li{
    float:left;
    width: 147px;
    margin: 7px 10px 0px 0px;
    list-style:none;
}
ul.galerijaDeluxe li a{
    display: block;
    border:1px solid #ccc;
}
ul.galerijaDeluxe li a:hover{
    display: block;
    border:1px solid #cc0000;
}
ul.galerijaDeluxe li a img{
    width: 145px;
    display: block;
}

.container-box {
    background-color: rgba(255, 255, 255, 0.7);
    width:50%;
    padding:10px;
}
.container-box p{
    margin:10px 0;
    font-size: 13px;
    color:#333;
    text-align: left;
}
.scroller{
    overflow: hidden;
    height:400px;  
}
.beispiel_img{
    float:left;   
}
.beispiel_elements{
  float:left;     
  margin-left:6px;
}
.beispiel_elements a{
  display: block;
  width:224px;
  font-size:14px !important;
  padding: 2px 4px 2px 4px;
  line-height: 18px;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  color:#666;
  background: none;
  cursor: pointer;
}
.beispiel_elements a:hover{
  background: rgba(50,50,50,0.3);
  color: #fff !important;
}
.beispiel_elements a.bspelHover{
    background: rgba(50,50,50,0.3);
    color:#fff;
}



.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
    width:100%;
    height:50px;
    bottom:0px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
    height:44px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:2px;
    margin-top:20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    height:20px;
    margin-top:11px;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin-left:50px;
    margin-right:50px;
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
    width:44px;
    height:44px;
    border:0px solid #fff;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft{
    background: url("../../site_images/icons/nav_left.png") no-repeat;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
    background: url("../../site_images/icons/nav_right.png") no-repeat;
}

/*DE LUXE*/

h1.headingDeluxe{
  background:#ccd2d2;
  background:rgba(204,210,210,0.5);
  margin: 10px 0px 0px 0px;
  color:#3f3f3f;
  text-align:center;
  cursor: pointer;
  position: relative;
  padding:8px
}


#coll_middle .pageBody h1 {
    font-size: 2vw;
    color: #666;
    margin: 4vw 0 4vw 0;
    font-weight: 200;
    border-bottom: 1px solid #999;
}
table.tableDeluxe{
  width:100%;
  border-collapse:collapse;
  margin: 0px;
}

table.tableDeluxe td img{
  width:125px;
}

.tableDeluxe tr{
    border-bottom:1px solid #333333;
    border-top:1px solid #333333;
}


.tableDeluxe tr th{
padding:4px;
border-top:1px solid #fff;
}


.tableDeluxe tr:nth-child(2n+2){
    border-bottom:1px solid #333333;
}
.tableDeluxe tr:nth-child(2n+1){
    border-bottom:1px solid #333333;
}
.tableDeluxe tr:first-child{
    border-top:1px solid #333333;
}

.tableDeluxe td{
  padding:8px;
}


/*TS-98-V Thermostatventilen*/
/*RL-1 - Absperrventilen*/

.tableDeluxe .slika-ts-90-v, .tableDeluxe .slika-rl1{
   background:#fff;
   vertical-align:middle;
  }
.tableDeluxe .opis-ts-90-v, .tableDeluxe .opis-rl1{
  vertical-align:top;
  text-align:left;
  background:#fff;
  background:rgba(255,255,255,0.3);
  border-left: 1px dashed #ccc;
  }
 .tableDeluxe .opis-ts-90-v p, .tableDeluxe .opis-rl1 p{
  text-align:left;
    padding:0 5px 5px 0;
    color: #4d4d4d;
    font-size: 14px;
  } 
  
.tableDeluxe .ean-ts-90-v, .tableDeluxe .ean-rl1{
  width:54px;
  vertical-align:middle;
  text-align:center;
  background:#fff;
  background:rgba(255,255,255,0.3);
  border-left: 1px dashed #ccc;
    width:80px;
  }
  
.tableDeluxe .bstnr-ts-90-v, .tableDeluxe .bstnr-rl1{
  width:74px;
  vertical-align:middle;
  text-align:center;
  background:rgb(204,210,210);
  background:rgba(204,210,210,0.5);
  color:#333;
  font-weight:bold;
  border-left: 1px dashed #ccc;
  }

.tableDeluxe .dim-klemmset{
  width:32px;
  vertical-align:middle;
  text-align:center;
  background:#fff;
  background:rgba(255,255,255,0.3);
  border-left: 1px dashed #ccc;
  }

/* CARUSEL */
.slideshow{
  width:630px;
  margin-left:20px;
}
.slideshow ul li {list-style:none;float:left;}
.slides-pagination{
  bottom:-45px;
}
.slides-pagination li a{
  color:#fff !important;
  display: block;
  text-align: center;
}
.slides-pagination li a.selected{
    color:#fff;
}
a.slides-next, a.slides-prev{
  padding: 0px;
  width:30px;
  height: 44px;
  top:50%;
  color:#666;
  text-align: center;
  background: rgba(255,255,255,0.9);
  font-size: 23px;
  border:1px solid rgba(50,50,50,0.6);

}
a.slides-next:hover, a.slides-prev:hover{
  color: #fff;
  }
.slides-next{
  right:-10px;
}
.slides-prev{
  left:-10px;
}

.catid_39 .pageBody{
    padding:40px;
    max-width: 1008px;
    margin:auto;
}

/* microsite pages */
.pageid_2066{
    _background: red
}
.pageid_2066 .oblast_sadrzaja{

    margin: 0;
    width:100%
}

.green_text{
    color:#262;
    font-weight:bold
}
.fullWidth{
    width:100%;
}
.reducedWidth{
    width:65vw;
    margin: auto;
  
}
.pageid_2066 #coll_middle .pageBody h1 {
    font-size: 30px;
    color: #666;
    margin: 1vw 0 2vw 0;
    border-bottom: none;
    color:#264;
    font-weight:bold;
    padding: 40px 0 10px 98px;max-width:28vw;
    line-height: 1.5em
    
}
.pageid_2066 #pageBody{
    width: 100vw;
    max-width: unset;
    box-sizing: border-box;
    position: relative;
    padding: 0;
}
.pageid_2066 p{
    line-height:1.8em;
    padding: 20px 0 0 0;  
    max-width:810px;
    text-align: justify;
}
.pageid_2066 p.introtext{
    font-weight:bold;
       font-size:1.3vw;
     padding:0;  
}
.pageid_2066 .text-aside.reducedWidth{
    background:#fff url(../../cms_upload/pages/files/2066_glass_1.png) no-repeat top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: -10px;
     width:90%;
    max-width: 1100px;
    position: relative;
    z-index: -2;
}
.pageid_2066 .text-aside.reducedWidth:after{
    content:"";
    position: absolute;
    bottom:-40px;left:0;right:0;
    height:18vw;
    background: linear-gradient(to top, #ffff 40%,#fff0);
    z-index: -1;
    rotate: 4deg
}

.pageid_2066 .text-aside.reducedWidth p{
    width:calc(22vw + 12vh);
    margin:0 auto 0 0;
    padding: 0 0 4.5vw 100px;  
    font-size:1.3vw;
    line-height:1.8em;
}


.pageid_2066 .row-title{
    font-size:20px;
    display: flex;
    padding: 60px 0 50px 0;
    color:#999;
    font-weight:normal;
}
.pageid_2066 .row-title i{
    font-style: normal;
    padding: 0 30px;  
    border-left:1px solid #aaa;
    text-decoration: underline;
    font-weight: bold;
    cursor:pointer;
}
.pageid_2066 .row-title i:first-child{
    padding: 0 30px 0 0;
    border-left:none;
}
.pageid_2066 h2{
    font-size:24px;
    letter-spacing: -.5px;
    padding: 20px 0 5px 0;
      clear:both;
    color:#262;
       
}
.pageid_2066 h3{
        font-size:18px;
     letter-spacing: -.5px;
      color:#262;
}
.pageid_2066 .back_A23{
    background-image: url('../../cms_upload/pages/files/2066_herz-trinkwasser_00006.png');
    background-size:cover;
    margin:50px 0;
    
}
.pageid_2066 .back_A23 .immageRow{

    margin:auto;
    display: flex;
justify-content: flex-start;
    padding: 40px 0;
    width:880px;
    gap:25px
    
}

.pageid_2066 .back_A23 .immageRow li{
        list-style: none;
    display: flex;
    flex-direction: column;
        
}
.pageid_2066 .back_A23 .immageRow.imageCols-4 li{
     max-width: 21%; 
}
.pageid_2066 .back_A23 .immageRow.imageCols-3 li{
     max-width: 30%; 
}

.pageid_2066 .back_A23 .immageRow li span{
    padding: 10px 5px;
    font-size:15px;
    display: block;

    line-height: 1.5em;
    text-align: center;
}


.pageid_2066 .catShortDesc {width: 900px; margin:10px auto 20px; font-size: 20px;text-align: center }
.pageid_2066 .pages{display: flex; flex-flow: wrap;margin: auto; width: 800px;padding:50px 0 30px 0; }
.pageid_2066 .page-pID{width: 22%; margin-right: 25px; background:#fff;margin-bottom: 25px; list-style: none}
.pageid_2066 .page-pID:nth-child(4n){margin-right:0; }
.pageid_2066 .page-pID img{display: block;width: 100%; height:270px;}
.pageid_2066 .info{ padding: 0 10px;box-sizing: border-box; border:1px solid #eee; min-height:60px; display: flex; align-items: center}
.pageid_2066 .info a{text-decoration: none}
.pageid_2066 .info h2{font-size: 14px; font-weight: normal; line-height:1.4em;padding:6px 0}

.float_left_image{
    float:left;
    display: block;
    width:300px;
    margin:20px
}

.float_right_image{
    float:right;
    display: block;
    width:300px;
    margin:20px 60px 20px 60px;
}

.float_left_image{
    float:left;
    display: block;
    width:300px;
    margin:20px 60px 20px 0px;
}

/*sklanjam ENG i RUS*/

.zemlje a{
  /*display:none;*/
}
.zemljezaglavlje{
    /*display:none;*/
}



/* CLEVER */
.solutions #coll_middle{
    background: #fffc;
    width:960px;
    margin: auto;
    display: block;
    padding: 20px;
    
}
.solutions #coll_right{
    width:0!important;
    display: none;
}
.solutions #coll_middle .pageBody{
    padding: 30px;
}
.solutions #coll_middle{
	padding: 0px;
	margin: 0px auto;
	
}

.solutions #coll_middle .pageBody{
	padding: 0px;
	margin: 0px;
	background: #ebeaeb;
}
.baner_img img{
	display: block;
	width: 960px;

}

 .solutions .box{
	width: 800px;
	margin: 80px auto;	
	
}

.solutions h3{
	font-size: 20px;
	margin-bottom: 30px;
}
.solutions .img_left img{
	float: left;
	display: block;
	width: 300px;
}

.solutions .img_right img{
	float: right;
	display: block;
	width: 340px;
}



.solutions .air img{
	padding:35px 0px 0px 35px;

}

.solutions p{
	text-align: justify;
}
.solutions .columntxt{
	display: column;
  columns: 2;	
	column-gap: 30px;
}
.solutions .list_cnt{

	padding-bottom: 50px;
	
}

.solutions .list_cnt img{
	width: 180px;
	margin:10px 20px 20px 0px;
	border: solid 1px black;
	border-radius: 50%;
}
.solutions .list_cnt .smart img{
	margin-top: 100px;
}

.solutions .box_three ul{
	padding: 14px;
	margin: 0px;
}
.solutions .list_cnt .list_txt{
  padding: 0px 0px 40px 30px;
	width: 400px;
	margin: 0px auto;
	border-bottom: solid 1px black;

}
.solutions .box_three .list_cnt:last-child .list_txt{
	border: none;
}

.solutions .box_three ul li{
	font-size: 16px;
	line-height: 1.6em;
	padding: 0px;
	margin: 0px 10px;
 list-style: none;
	position: relative;
}
.solutions .box_three ul li:before{
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background-image: url('https://herz-armaturen.at/cms_upload/pages/files/1807_herz.jpg');
	background-size: 15px;
	left: -25px;
	top: 4px;
}


.solutions .box_three h3{
	padding: 0px 20px 20px 215px;
}
.solutions .blue{
	filter: hue-rotate(230deg);
}

.solutions .blue:hover{
	filter: none;
}

.solutions .box_one:after{
	position: absolute;
	content: "";
	width: 45%;
	border-bottom: solid 1px black;
	padding: 10px 0px;
	left: 20px;
}

.solutions .box_four, .solutions .box_five, .solutions .box_three{
	position: relative;
}
.solutions .box_four h3:before{
	position: absolute;
	content: "";
	width: 65%;
	border-bottom: solid 1px black;
  top: -25px;
	left: -60px;

}
.solutions .box_five h3{
	margin: 30px 250px;
	
}

.solutions .box_five h3:before{
	position: absolute;
	content: "";
	width: 48%;
	border-bottom: solid 1px black;
  top: -30px;
	left: 450px;

}
.solutions .box_three h3:before{
		position: absolute;
	content: "";
	width: 83%;
	border-bottom: solid 1px black;
  top: -30px;
	left: 180px;
}


.solutions .columntxt_cnt2{
	display: flex;
	gap: 40px;
	
}

.section-end-line{

    display: block;
    position: relative;
    height:30px;
    margin-bottom: 40px

}
.section-end-line i{
    position: absolute;
    bottom:-10px;
    display: block;
    height:3px;
    width:60vw;
    background: #bbb;
        
}
.section-end-line.section-line-right{
    right:-30vw; 
}
.section-end-line.section-line-left{
    left:-30vw; 
}
/* MEDIUM SCREENS*/
@media (min-width: 1500px) {
    .pageid_2066 .text-aside.reducedWidth p{
        width:calc(12vw + 24vh);
    }
    .pageid_2066 .text-aside.reducedWidth{
        padding: 0;
        width:1500px;
    }
}

/* WIDE SCREENS */
@media screen and (min-width: 1481px) and (max-width: 2000px)  {
    body{
   
        width:1400px!important;
        margin: auto;
    }
    .reducedWidth{
    width:1100px;
    padding-left:100px
  
}
   .pageid_2066 #pageBody{
    width: 100%;
    position: relative;
       
} 
    .pageid_2066 p{
    line-height:1.8em;
    padding: 20px 0 0 0;  
    max-width:910px;
    text-align: justify;
}
.pageid_2066 p.introtext{
    font-weight:bold;
       font-size:1.3vw;
     padding:0;  

}
.pageid_2066 .text-aside.reducedWidth{   
    width:90%;
    max-width: 1200px;
}
    
.pageid_2066 h2{
    font-size:2em;
    padding: 20px 0 10px 0;
       
}
.pageid_2066 h3{
    font-size:1.5em;
    padding: 0 0 20px 0;
}
    .pageid_2066 .pageBody p {padding:0 0 12px 0;text-align:left;font-size:1.2em;line-height:1.6em; text-align: justify}
    .pageid_2066 .info h2 a{font-size: 1.15em; font-weight: normal; line-height:1.4em;}

    .pageid_2066 .pages{display: flex; flex-flow: wrap;margin: auto; width: 1000px;padding:50px 0 30px 0; justify-content: flex-start}
    .pageid_2066 .page-pID img{ height:320px;}

   
}


/* XX WIDE SCREENS */
@media screen and (min-width: 2001px)  {
    body{
        width:1600px!important;
        margin: auto;
    }
.reducedWidth{
    width:1400px;
    padding-left:100px
  
}
 .pageid_2066 #pageBody{
    width: 100%;
    position: relative;
} 
    
.pageid_2066 p{
    line-height:1.8em;
    padding: 20px 0 0 0;  
    max-width:1110px;
    text-align: justify;
    }  

.pageid_2066 .text-aside.reducedWidth{   
    width:90%;
    max-width: 1600px;
    padding:20px 60px 0 0
}
    

.pageid_2066 .pageBody p.introtext{
    font-size:1.7em;
}

.pageid_2066 h2{
    font-size:3em;
    padding: 20px 0 10px 0;
       
}
    
.pageid_2066 h3{
    font-size:2em;
    padding: 0 0 20px 0;
}
    .pageid_2066 .pageBody p {padding:0 0 12px 0;text-align:left;font-size:1.6em;line-height:1.6em; text-align: justify}
    .pageid_2066 .info h2 a{font-size: 1.15em; font-weight: normal; line-height:1.4em;}

    .pageid_2066 .pages{display: flex; flex-flow: wrap;margin: auto; width: 1300px;padding:50px 0 30px 0; justify-content: flex-start}
    .pageid_2066 .page-pID img{ height:390px;}

.pageid_2066 .row-title{
    font-size:2em;
    display: flex;
    padding: 60px 0 50px 0;
    color:#999;
    font-weight:normal;
}
  .pageid_2066 .text-aside.reducedWidth p{
      width:calc(12vw + 24vh);
      font-size:1.7em;
   }
    
    
    .pageid_2066 #coll_middle .pageBody h1 {
    font-size: 3.2em;
    line-height: 1.4em;
    
    
}
    
    .pageid_2066 .info h2{
    font-size:1.5em;
    padding: 20px 0 10px 0;
       
}
    
    
.pageid_2066 .back_A23 .immageRow li span{
    font-size:1.6em;
    line-height: 1.5em;
}

    
.pageid_2066 .back_A23 .immageRow{
    width:1200px;
    _justify-content: center;   
}
    .pageid_2066 .back_A23 .immageRow >li{
        width:360px
    }
    

}