#sectionProduct{
   padding: 0;
   margin-bottom: 3em;
}

#productTitle{
   margin-bottom: 3em;
}

#sectionProduct #divProductPic img {
   max-width: 100%;
}
#sectionProduct .hr{
   margin: 1em 0;
   border-top: 1px solid #bbb;
}

#sectionProduct #deliveryInfo{
   font-size: 0.7em;
   color: bbb;
}
#sectionProduct #divSaleInfos{
   background-color: #eee;
   padding: 2rem !important;
}
#sectionProduct #divProductDesc{
   padding-top: 2rem !important;

}

#sectionProduct #div28707_3, #sectionProduct #div28707_5{
   display: none;
}
#sectionProduct #divSaleInfos #available{
   font-size: 0.8em;
   color: #bbb;
}
#sectionProduct #divSaleInfos #available::before,  #sectionProduct .availableKennzeichen1::before{
   content: "\2022";
   margin-right: 0.3em;
}
#sectionProduct #divSaleInfos #available.available,  #sectionProduct .availableKennzeichen1{
   font-size: 0.8em;
   color: #76b835;
}
#sectionProduct .cart-plus-minus{
   padding: 0;
   width: auto;
   height: auto;
}
input.cart-plus-minus-box{
   width: 60px;
}
#sectionProduct #counter { 
   width: 112px;
   height: 25px;
   margin: 0;
   background-color: #fff;
}   
#sectionProduct .qtybutton{
    cursor: pointer;
    float: none;
    width: 25px;
    height: 25px;
    line-height: normal;
    position: relative;
    text-align: center;
   font-size: 1.8em;
   color: #fff;
   background-color: #bbb;
}
#sectionProduct .qtybutton .arrow{
   position: absolute;
}
#sectionProduct .dec .arrow{
   top: -3px;
}
#sectionProduct .inc .arrow{
   top: -36px;
}
#sectionProduct .quickview-btn-cart{
   margin: 1em 0;
}
.quickview-btn-cart .form-cart{
   padding: 0.5em;
   display: flex;
   background-color: #76b835;
   box-shadow: 0 0 5px 0 #888888;
}
#sectionProduct .quickview-btn-cart .form-cart img, #sectionProduct form{
   height: 1.2em;
   width: auto;
}
#sectionProduct input[type="submit"]{
   padding: 0.2em;
   padding-left: 1em;
   font-weight: 400;
   text-transform: none;
}
#sectionProduct #divBuyButton_1{
   margin-left: 0;
}
@media (max-width: 767px){
#sectionProduct #divProductPic {
   padding: 0 25% !important;
   padding-bottom: 20px !important;
}
}

/* Projectkonditionen Button*/
#RedirectToAnfrage {
    background-color: #FFF;
    margin: 0;
    padding: 0;
}


#sectionProductExtensions{
   background-color: #003D6A;
   width: 100%;
    padding: 30px 0;
}
#sectionProductExtensions #productExtensionWrapper {
   width: 70%;
   margin: auto;
   padding: 0;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: stretch;
}
#sectionProductExtensions .extElement{
   border-radius: 75px;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   color: #fff;
}
#sectionProductExtensions .bullet, #sectionProductExtensions .square{
   background-color: #fff;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
}
#sectionProductExtensions .square{
   width: 300px;
   padding: 1em;
}
#sectionProductExtensions .bullet{
   width: 150px;
   height: 150px;
   border-radius: 75px;
   margin-bottom: 0.5em;
}
#sectionProductExtensions .extElement img{
   width: 50%;
   height: auto;
}
#sectionProductExtensions .square p{
   text-align: center;
}
#sectionProductExtensions .extElement{
   position: relative;
}
#sectionProductExtensions .popupArt{
   position: absolute;
   padding: 1em;
   background-color: #fff;
   box-shadow: 0px 0px 5px #bbb;
}
#popupLaw{
   top: 24em;
}
#popupZert, #popupDown{
   top: 18em;
}
#popupZert, #popupLaw, #popupDown{
   display: none;
}

#sectionProductInfo #productInfoWrapper{
   width: 70%;
   margin: auto;
}   
#sectionProductInfo #productInfoWrapper h2,#sectionProductInfo #productInfoWrapper h3, #sectionProductInfo #productInfoWrapper h4, #sectionProductInfo #productInfoWrapper h5, #sectionProductInfo #productInfoWrapper h6{
   text-align: left;
   margin-bottom: 0.3em;
   color: #003D6A;
   font-weight: 300;
}   
#sectionProductInfo #productInfoWrapper p{
   text-align: left;
   font-weight: 300;
}   
@media (max-width: 767px){
#sectionProductExtensions #productExtensionWrapper {
   width: 70%;
   margin: auto;
   padding: 0;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
}
}



/* Listen */
.cart{
    width: 29px;
}



/* Effect Hinweise */
#sectionProductExtensions .extElement .container {
   width: 360px;
   height: 280px;
    margin: 0;
    padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
#sectionProductExtensions  .extElement .box {
   position: absolute;
   width: 360px;
   height: 280px;
    top: -20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   border-radius: 3px;
   overflow: hidden;
   -webkit-transition: -webkit-box-shadow ease 1s;
   transition: -webkit-box-shadow ease 1s;
   transition: box-shadow ease 1s;
   transition: box-shadow ease 1s, -webkit-box-shadow ease 1s;
 }
#sectionProductExtensions .extElement  .icon {
   position: relative;
   margin-top: 0;
   -webkit-transition: all 0.6s ease;
   transition: all 0.6s ease;

   will-change: transform;
 }
#sectionProductExtensions .extElement  .icon_bg {
   width: 120px;
   height: 120px;
   margin-bottom: 30px;
   border-radius: 100%;
   border: 1px solid rgba(225, 227, 232, 0.18);
   -webkit-box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
           box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
   background-color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-transition: all 0.6s ease;
   transition: all 0.6s ease;

   will-change: transform;
 }
#sectionProductExtensions .extElement  .icon img{
   width: 60px;
   height: auto;
 }
 
#sectionProductExtensions .extElement  .title {
   position: relative;
   color: #fff;
   margin-bottom: 0;
   font-weight: 400;
 }
#sectionProductExtensions .extElement  .super-box:hover .box {
 /*   border: 1px solid rgba(225, 227, 232, 0.18); */
    top: -20px;
   -webkit-box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
           box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);

 }
#sectionProductExtensions .extElement  .super-box:hover .icon_bg {
   -webkit-transform: translateY(-40px) scale(6);
           transform: translateY(-40px) scale(6);
 }
#sectionProductExtensions .extElement  .super-box:hover .icon {
   -webkit-transform: translateY(-40px) scale(1.4);
           transform: translateY(-40px) scale(1.4);
 }
#sectionProductExtensions .extElement  .super-box {
     width: 240px;
   height: 240px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
#sectionProductExtensions .extElement  .text {
   position: relative;
   top: -30px;
   width: 360px;
   text-align: center;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;

 }
#sectionProductExtensions .extElement  .super-box:hover .text {
   opacity: 0;
   -webkit-transform: translateY(-4px) scale(.8);
           transform: translateY(-4px) scale(.8);
   
 }
#sectionProductExtensions .extElement .box::after {
   position: absolute;
   width: 320px;
   top:150px;
   opacity: 0;
   font-size: 13px;
   color: #000;
   line-height: 20px;    
    font-size: 18px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;

 }
 
#sectionProductExtensions .extElement  .super-box:hover .box::after {
   opacity: 1;
 }