/*!
 * Start Bootstrap - Shop Homepage HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    
    font-family__: 'Roboto Condensed', sans-serif;
		font-weight__: normal;
		font-size__:16px;
}



.slide-image {
  width: auto !important;
  height: 188px !important;
}
.item > img,
.carousel-inner > .item > a > img {
  max-width:none !important;
}

.carousel-holder {
    margin-bottom: 0px;
}

.carousel-control,
.item {
    border-radius: 4px;
}
.carousel-indicators {
  display:none;
}
.caption {
    max-height: 170px !important;
    height: 170px !important;
    overflow: hidden;
}

.caption h4 {
    white-space: nowrap;
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}

footer {
    margin: 50px 0;
}


.panel-primary {
  background-color:#428BCA;
  color:white;
  }
  
  .panel-fixed-height {
    border-top-left-radius:0px;
    border-top-right-radius:0px;
  }

.panel-max {
  height:288px;
  }  

 
  
.checklist-items {
  list-style-type:none;
  padding:0;
  margin:0;
  margin-bottom:10px;
}  

.checklist-items > li {
  padding:0;
  margin:0;
  border-bottom:1px solid #B6C5D3;
}



.shadow {
  box-shadow: 0.1428em 0.1428em 0.2142em rgba(112, 112, 112, 0.3);
}

.btn {
  border-radius:0px;
  padding:4px 8px;
  }

.btn-radio {
  width:100%;
  margin-bottom:14px;
}

  
.navbar-brand {
  padding:10px 15px;
  }
  
.price-tag {
  position:absolute; 
  padding-left:20px;
  padding-top:4px; 
  color:white; 
  font-size:14px; 
  font-weight:bold; 
  height:64px; 
  width:auto;
  top:10px;
  right:16px; 
  background-image:url(../images/price_tag.png);
  background-repeat:no-repeat;
  }

.price-tag-rot {
  background-image:url(../images/price_tag_rot.png);
  } 
   
.price-tag-orange {
  background-image:url(../images/price_tag_orange.png);
  } 

.price-tag-green {
  background-image:url(../images/price_tag_green.png);
  }
.price-tag-black {
  background-image:url(../images/price_tag_black.png);
  top:30px;
  }      

/* Footer */  
h4 { margin-bottom:9px; }



.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.form-horizontal .control-label {
  padding:0px !important;
  line-height:17px;
}








#myCarousel .nav a small {
    display:block;
}
#myCarousel .nav {
	background:#eee;
}
#myCarousel .nav a {
    border-radius:0px;
}

.btn-radio {
	width: 100%;
	margin-bottom: 0px !important;
}
.img-radio {
	opacity: 1;
	margin-bottom: 0px;
	cursor: pointer; cursor: hand;
	width:100%;
	height:auto;
}


.btn-primary.active {
  background-color: #5CB85C !important;
  border-color: #4CAE4C;
  }

.btn-auswahl {
  border: 4px solid #428BCA;
  border-radius:4px;
  margin:0 0 14px 0;
  }

.btn-auswahl.active {
  border: 4px solid #5CB85C;
  }

.row.form-group {
  padding-bottom:0px;
  margin-bottom:0px;
  }



.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
} 







.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}   


.ds-btn li{ list-style:none; float:left; padding:10px; }
.ds-btn li a span{padding-left:15px;padding-right:5px;width:100%;display:inline-block; text-align:left;}
.ds-btn li a span small{width:100%; display:inline-block; text-align:left;}


.setup-panel {
  margin-bottom:10px;
  width:100%;
  }
  
  
.setup-panel > li > a {
    padding: 3px 6px;
    margin:0;
}

.setup-panel li {
    display: table-cell;
    width: 1%;
}


.list-group-item-heading {
    margin-top: 0px;
    margin-bottom: 1px;
    font-size:16px;
    line-height:14px;
}


.delivery-costs td {
  padding:3px !important;
  }
  
  
  
#accordion .panel { border-radius:2px;  }
#accordion .panel-title i { color:#666; margin-top:2px; }
#accordion .panel-title a { display:block; }
                                           

.form-step-1,.form-step-2,.form-step-3,.form-step-4 { display:none; }
.form-step-1 h1 { font-size:18px; }

.form-group-fensterkalk input {  }
.form-group-fensterkalk input.form-input-laenge {  }
.form-group-fensterkalk input.form-input-breite {  }
     
     
.panel-fensterkalk { padding:8px; }
.panel-fensterkalk .panel { background-color:#cdcdcd; }

.form-group-fensterkalk .col-xs-4,
.form-group-fensterkalk .col-xs-5,
.form-group-fensterkalk .col-xs-7 { padding:0px 4px; }  
  
form .panel-default { margin-bottom:0px; padding:4px; overflow:hidden; }
.form-step-1 .label,
#accordionWaschtisch .label { color:black; }
.form-step-1 h1 { margin-top:0px; margin-bottom:20px; }

.panel-waschtisch-1,
.panel-waschtisch-2,
.panel-waschtisch-3,
.panel-waschtisch-4,
.panel-waschtisch-5 { margin-bottom:7px !important; }

#accordionWaschtisch .panel-collapse {    
  background-color:#ededed;color:black;
  }


.price-label.badge { 
  background-color:#337AB7;
  color:white!important; 
  border-radius: 3px;
  font-size: 1.0em;
  line-height:28px; 
  }

.price-label.badge.badge-warning { 
  background-color:#ff4000;
  }  

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  
  
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.btn { margin-bottom:10px; }


/*** Headline Picto-Strich ***/
    .thumbnail { position:relative; }
     
    .heads {
      display:table;
      border-spacing: 0px;
      border-collapse: separate;
      width:100%;
      border:0px solid red;      
      background-color:transparent; 
      position:absolute;
      top:10px; 
      z-index:10;
      margin:0 0 14px 0;      
      }                    
    .heads-icon {
      display:table-cell;
      background-color:transparent;
      position:relative;
      }               
    .heads-icon-image {
      background-color:#428BCA;
      color:#fff;
      height:30px;
      /* left:10px; */
      position:relative; 
      top:0px; 
      width:auto;
      padding:4px 8px;
      font-weight:bold;
      }            
    .heads-title {
      display:table-cell;            
      background-color:transparent;
      font-size:20px; 
      padding:0 10px 0 10px; 
      vertical-align:middle;
      color:#FFF;
       width:300px !important;
      }              
    .heads-strich {
      display:table-cell;
      background-color:transparent; 
      width:100%;
      padding-right:14px;
      }
    .heads-strich-small {
      width:20px;
      padding-right:0;
      }                              
    .heads-strich-content {
      border-bottom:2px solid #FFF;
      display:block;
      margin-top:14px;
      }
    .heads-strich-content-small {
      margin-left:10px; 
      width:20px; 
      }
      
    
    .heads.heads-primary .heads-icon-image { background-color:#428BCA; color:white; }
    .heads.heads-primary .heads-title { color:#428BCA; }
    .heads.heads-primary .heads-strich-content { border-color:#428BCA; }

/*** Headline Picto-Strich ***/

            
            
              
              /*  http://scotch.io/bar-talk/bootstrap-3-tips-and-tricks-you-still-might-not-know
              [class*='col-'] {
                  padding-right:7px;
                  padding-left:7px;
              }
              */


.socials {  
padding: 3px 14px;  
}  


.glyphicon-stairs { content:''; background-image:url('../images/icon_natursteintreppenkalkulator.png'); border-radius:0px; border:0px solid white; width:14px; height:14px; display:inline-block; }
.glyphicon-fensterbank { content:''; background-image:url('../images/icon_fensterbank.png'); border-radius:0px; border:0px solid white; width:14px; height:14px; display:inline-block; }

.fa-calc:before {
    content: url('../images/svg/calculator1w.svg') !important;
    width:24px; height:24px;
    background-size: 24px 24px;
}



.panel-nav {
  padding:0px;
  font-size:14px;  
  color:white;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;  
  }
  
.panel-nav > .panel-body {
  padding:0px 7px 0 7px;
  }  
  
  

.fb_iframe_widget_lift { 
  height:68px !important; 
  z-index: 2 !important;
}


/* facebook btn nav */
embed, iframe, object, video
{
max-width: 672% !important;
}



/* masonry */
/* http://www.bootply.com/120682 */
/*
 *, *:before, *:after {box-sizing:  border-box !important;}
.row {
 -moz-column-width: 25em;
 -webkit-column-width: 25em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em;   
}
.row > .col-md-4 {
 display: inline-block;
 padding:  .33rem;
 width:  100%; 
 float:none;
}
.well {
 position:relative;
 display: block;
}
*/
/* masonry end */



/* Grid Gallerie  */
.lead { padding: 40px 0; }
#posts { margin: 0px auto 0; width:100%; }
.post {
  margin: 0 0 30px;
  text-align: center;
  width: 100%;
}

.post img {  width: 100%; height:auto; }
/* #grid.container .post img { padding: 0; } */


/**** paddings row in kalkulatoren ****/
.row.form-group { padding:4px 0px; margin:0; }
                       
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}                       
                     

#myModal1 .form-group h4 { margin:5px }


.modal-header,
.modal-footer { background-color: #428BCA; color:#fff; }
.modal-body { 
  background-image:     -ms-linear-gradient(bottom, #cdcdcd, #FFF); 
  background-image:      -o-linear-gradient(bottom, #cdcdcd, #FFF);
  background-image:     -moz-linear-gradient(bottom, #cdcdcd, #FFF); 
  background-image:      -webkit-linear-gradient(bottom, #428BCA, #FFF);
  /*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#428BCA', endColorStr='#FFFFFF', GradientType=0);
  /*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#428BCA', endColorStr='#FFFFFF', GradientType=0)"; 
   }
.modal-body-bg { 
  background-color: #C2DAEE; color:#000;
  /* background: linear-gradient(to bottom, #1D4670 0%, #369 100%) repeat scroll 0% 0% transparent; */
   }


/* SVG ICONS *********************/
.svg {
  display: inline-block;
  text-indent: -9999px;
  width: 22px;
  height: 22px;
  float:left;
}



.svg-info {
  fill: #94d31b; 
}


/* full-width container e.g. for footer icons, etc... ********************/

.full-width-container {
  display:block;width:100%;
  background-color:#333;
  color:#F5F5F5;
  padding-top:20px;
  background: linear-gradient(to bottom, #1D4670 0%, #369 100%) repeat scroll 0% 0% transparent;
  background-image:     -ms-linear-gradient(bottom, #1D4670, #369); 
  background-image:      -o-linear-gradient(bottom, #1D4670, #369);
  /*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1D4670', endColorStr='#369', GradientType=0);
  /*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1D4670', endColorStr='#369', GradientType=0)";
  }

.footerList {
  padding-top:20px;
  
}
.footerList h4 {
  padding-bottom:8px;
  border-bottom:1px solid #F5F5F5;
}

.footerList a {
  color:#F5F5F5;
}

.footerList a:hover {
  color:#FFFFFF;
}

.footerList a:visited:hover {
  color:#FFFFFF;
}

.footerList a:before {
    content: url('../images/svg/leftw.png') !important;
    padding-right:4px;
    width:8px;
    height:18px; 
}
a.footerListSocial:before {
  content:"" !important;
}

/* footer icons container **************************/

.footer-icon-container {
  display:block;
  width:100%;
  background-color:#f5f5f5;
  
  margin-top:30px;
}
.footer-icon-container-inner {
  height:auto;
  padding-bottom:30px;
}
.footer-icon-list {
  list-style-type:none;
  margin:30px 0px;
  padding:0;
  }
 
.footer-icon-list a {
  color:black;
} 


 .modal-header .close {
    color:white;
    float: right !important;
    margin-right: -30px !important;
    margin-top: -30px !important;
    background-color: #428BCA !important;
    border-radius: 15px !important;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    width: 30px !important;
    height: 30px !important;
    opacity: 1 !important;
}








/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  .nopadding {
     padding: 0 10px !important;
     margin:0;
  } 
  .post img {
    padding:0;
  }
  
   .panel-fixed-height { height:188px; } 
  
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
   .price-tag {
      font-size:24px; 
      font-weight:bold; 
      height:46px; 
    }
   .price-tag-black {
    top:50px;
   } 
   .nav-justified > li {
    float: none;
    }  
    .panel-fixed-height {
      border-top-left-radius:3px;
      border-top-right-radius:3px;
      /* background: linear-gradient(to bottom, #1D4670 0%, #369 100%) repeat scroll 0% 0% transparent; */
    }
    .panel-nav {
      font-size:14px; 
      border-top-right-radius: 3px;
      border-top-left-radius: 3px;
      padding:0;
      margin-bottom:-35px;
      margin-top:-10px;
      } 
      
      .panel-nav > .panel-body {
         padding-top:0;
        }
        
    #grid > #posts .post { width: 335px; }
    #grid > #posts .post.cs2 { width: 100%; }
    .post img { padding: 0; }
    
    .heads-title {
      white-space:nowrap;
    }
    
    .footer-icon-list li {
      /* background-image: url(../images/svg/chevron13.svg);
      /*background-size:50px 50px; */
      background-repeat: no-repeat;
      background-position: 0 50%;
      padding: 3px 0 3px 20px;
      margin: .4em 0;
      list-style-type:none;
    }     
                          
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
         .col-md-5ths {
        width: 20%;
        float: left;
        
    }
       .panel-nav > .panel-body {
         padding-top:10px;
         font-size:18px; 
        }
                                #grid > #posts .post { width: 445px; }
                        #grid > #posts .post.cs2 { width: 100%; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
     .col-lg-5ths {
        width: 20%;
        float: left;
    }
    #grid {
        left: -50px;
        padding-left: 50px;
        padding-right: 50px;
        position: relative;
        width:1170px; /************************************** ***********************************/
        }
        #grid.container {
        left: auto;
        padding-left: 15px;
        padding-right: 15px;
        }
                #grid > #posts .post { width: 358px; }
                #grid > #posts .post.cs2 { width: 766px; }
    
    div.container { width:1170px; }
}