.pf-coral-bg {
    background-color: #e3785a;
}

.pf-darkgrey-color {
    color: #3c3c3b;
}

.pf-lightblue-bg {
    background-color: #9fc7cf;
}

.pf-lightblue-color {
    color: #9fc7cf;
}

.pf-darkblue-bg {
    background-color:#15375a;
}

.pf-darkblue-color {
    color:#15375a;
}

.pf-grey-bg {
    background-color:#f9fafb;
}

.btn-red-promo {
    background-color: #c83030; 
}

.red-promo-color {
    color: #c83030; 
}

.tripty {
    color: #15375a!important;
    cursor: pointer;
    border: 2px solid #f9fafb;
    border-radius: 6.9px !important;   
} 

.tripty-bottom {
    /* background-color: #f9fafb; */
    background-color:#f6f5f1;
    color: #15375a;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;  
}

.tripty-top {
    /* background-color:#f9fafb; */
    background-color:#f6f5f1;
    color: #15375a;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;      
}

.tripty-price {
    font-size: 1.75rem !important;
}

.tripty h3 {
    font-size: 1.75rem !important;
}

.tripty-active {   
    border: 1px solid #9fc7cf;     
} 

.tripty-active  {                           
    /* background-color:#f9fafb !important;    */
    background-color:#f6f5f1 !important;
} 

.tripty-active .tripty-top {                           
    background-color:#9fc7cf;
    color: #fff !important;    
} 

.tripty-active .tripty-bottom {                           
    background-color:#9fc7cf;
    color: #fff !important;    
}

.tripty.tripty-promo {    
    border: 1px solid #e3f4f3;    
} 

.tripty.tripty-promo .tripty-bottom {
    background-color:#e3f4f3;
    color: #15375a !important;  
}

.tripty.tripty-promo .tripty-top {
    background-color:#e3f4f3;
    color: #15375a !important;  
}

.tripty-active.promo-active {   
    border: 1px solid #15375a;         
}

.tripty-active.promo-active .tripty-bottom {                           
    background-color:#15375a !important;
    color: #fff !important;    
}

.tripty-active.promo-active .tripty-top {                           
    background-color:#15375a !important; 
    color: #fff !important;   
}

.purchase_type_container h3 {   
    font-size: 1.75rem;    
}

.purchase_type_container_active.promo-active h3 {                           
    color:#c83030 !important;    
}

.staffelrabatt-promo p {
    font-size: 1rem;
}

.btn-red-promo {
    position: relative;
    display: inline-block;  
}
  
.btn-red-promo .copy-tooltip {
    visibility: hidden;
    width: 50px;
    background-color: rgb(5, 101, 175);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 3px 0;
    font-size:10px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    right: 50%;
    left:55%;  
}

.sr-promo p {
   
}

.staffelrabatt-promo-head p {
    font-size: 1.2rem !important;
    line-height:1.2 !important;
}

.heading-review__summary.ml-2 {
    font-size: 15px !important;
    margin-top:1px;    
}

.heading-review, .heading-review .ratings {
    font-size: 17px;
}

.strike-price {
    color: #4b4b4b !important;
    font-size: 15px !important;
}

.tripty-strike-price {
    color: #5d5d5e !important;
    text-decoration:line-through;  
}

.btn-red-promo:hover .copy-tooltip {
    visibility: visible;
}

add-to-cart-button .cart-button.btn-default {   
    background: #e3785a !important;
    width: 320px !important;
    padding: 5px 58px 5px 58px !important; 
    font-family: inria-bold, helvetica, sans-serif;  
}

.heading_purchase_subscribe_link a {
    background: #e3785a !important;
    width: 320px !important;
    padding: 5px 35px 5px 35px !important;
    font-family: inria-bold, helvetica, sans-serif;    
}

.promo-active-btn .cart-button.btn-default {
    background-color:#15375a !important;
}

.promo-active-btn .heading_button.pkg-button-0  {
    background-color:#15375a !important;
}

.side-cart-radio input[type=radio] {
    display: none;
}

.purchase_type_container input[type='radio'] {
    width: 0.9em; 
    height: 3.3em;
    accent-color: #15375a;      
}

.purchase_type_container p {
    color: #9ac4c6;
    font-size: 0.6rem !important;
}

.purchase_type_container_active p {
    color: #15375a !important;
}

.purchase_type_container_active h3 {
    color: #15375a !important;
}

.purchase_type_container h3 {
    color: #9ac4c6;
    font-size: 1.6rem;
}

.discount-promo-seal {                                        
    width: 8.8rem;
    height: 8.2rem;        
    background: url("https://d1fxleuemb5ki8.cloudfront.net/bilder/shop/pf_rabat_promoseal_icon.png") no-repeat;
    background-size: cover;                                        
    margin: 20px;
}

.discount-promo-seal p {                                        
    /* font-size: 1.8rem;
    padding-top: .2rem!important; */
    font-size: 1.35rem;
    padding-top: .6rem!important;
}

.discount-promo-seal-slider {                                        
    width: 6.31rem;
    height: 5.9rem;        
    background: url("https://d1fxleuemb5ki8.cloudfront.net/bilder/shop/pf_rabat_promoseal_icon.png") no-repeat;
    background-size: cover;                                        
    margin: 20px;
}

.discount-promo-seal-slider p {                                        
    /* font-size: 1.4rem;
    padding-top: .5rem!important; */
    font-size: 1rem;
    padding-top: .75rem!important;
}

.promo-seal-slider {                    
    z-index: 1 !important;
    position: relative;
    position: absolute;
    margin-top: -25rem;
    margin-left: 8.4rem;                  
}

.thumbs {
    float:left;
    width:110px;
    height:420px;
    overflow-y: none;
    overflow-x: hidden;
    scrollbar-width: none; /* For Firefox */
    -webkit-overflow-scrolling: touch;    
}

.thumbs::-webkit-scrollbar {   
    width:0 !important;         
}

.thumbs a{visibility:visible;text-decoration:none;color:#34457b}
.thumbs a:hover{color:#af1d05}
.thumbs img{display:block;width:97.5px;height:97.5px;border:1px solid #9ac4c6;transition:opacity .5s;margin-bottom:10px}
.thumbs a.active img,.thumbs a:hover img{border-color:#00afea;opacity:1;transition:none}

.thumbs a.active img,.thumbs a:hover img {
    border-color: #15375a !important;                           
}

.darkblue-border {
    border-color: #15375a !important;  
}

.thumbs-active {
    border: 1px solid #15375a !important;
    background-color: #fafafb !important;
}

.fotorama-body {
    width: 540px;
}

.fotorama__arr--next {
    right: 4px !important;	
}

.fotorama__arr--prev {
    left: 4px !important;	
}

.fotorama__stage__shaft img {
    /* background-color: #fafafb !important;   */
    background-color: #f6f5f1 !important;    
}

@media only screen and (max-width: 1120px) {  

    .promo-seal-slider { 
        margin-top: -24rem;
        margin-left: 8.4rem;                  
    }   

}

@media only screen and (max-width: 1090px) {  

    .promo-seal-slider { 
        margin-top: -23rem;
        margin-left: 8.4rem;                  
    }   

}

@media only screen and (max-width: 1080px) {  

    .purchase_type_container p {
        font-size: 0.5rem !important;
    }     

    .tripty-top {
        font-size: 0.8rem !important;
    }

    .tripty-bottom {
        font-size: 0.8rem !important;
    }

    .purchase_type_container h3 {
        color: #9ac4c6;
        font-size: 1.5rem;
    }

    .purchase_type_container input[type='radio'] {
        width: 0.9em !important; 
        height: 2.8em !important;         
    }

}

@media only screen and (max-width: 1060px) {  

    .promo-seal-slider { 
        margin-top: -22rem;
        margin-left: 8.4rem;                  
    }   

}

@media only screen and (max-width: 1030px) {  

    .promo-seal-slider { 
        margin-top: -21rem;
        margin-left: 8.4rem;                  
    }
    
    .discount-promo-seal-slider {                                        
        width: 6.31rem;
        height: 5.9rem; 
    }
    
    .discount-promo-seal-slider p {                                        
        /* font-size: 1.4rem;
        padding-top: .5rem!important; */
        font-size: 0.95rem;
        padding-top: .85rem!important;
    }

    .staffelrabatt-promo p {
        font-size: 0.8rem;
    }

    .btn-red-promo {
        font-size: 0.8rem !important;
    }

    .btn-red-promo .copy-tooltip {        
        left:49% !important;  
    }

    .purchase_type_container h3 {   
        font-size: 1.4rem !important;    
    }

}

@media only screen and (max-width: 991px) {  

    .fotorama-body {
        width: auto;
    }
    
    .thumbs {
        width:0;
    }

    .promo-seal-slider { 
        margin-top: -35rem;
        margin-left: 3.4rem;                  
    }
    
    .discount-promo-seal-slider {                                        
        width: 6.31rem;
        height: 5.9rem; 
    }
    
    .discount-promo-seal-slider p {                                        
        /* font-size: 1.4rem;
        padding-top: .5rem!important; */
        font-size: 0.95rem;
        padding-top: .85rem!important;
    }

    .promo-seal-slider { 
        margin-top: -34rem;
        margin-left: 1.4rem;                  
    } 

}

@media only screen and (max-width: 880px) {  

    .promo-seal-slider { 
        margin-top: -30rem;
        margin-left: 1.4rem;                  
    }  

}

@media only screen and (max-width: 820px) {  

    .tripty-body h3 {
        font-size: 1.2rem !important;
    }

    .tripty-body h6 {
        font-size: 0.8rem;
    }

    .tripty-top {
        font-size: 0.8rem !important;
    }

    .tripty-bottom {
        font-size: 0.8rem !important;
    }

    .purchase_type_container h3 {
        color: #9ac4c6;
        font-size: 1.2rem;
    } 
    
    .purchase_type_container input[type='radio'] {
        width: 0.9em !important; 
        height: 2.4em !important;         
    }    

}

@media only screen and (max-width: 767px) {  

    .promo-seal-slider { 
        margin-top: -47rem;
        margin-left: 4.4rem;                  
    } 
    
    .discount-promo-seal-slider {                                        
        width: 7.31rem;
        height: 6.9rem; 
    }
    
    .discount-promo-seal-slider p {                                        
        /* font-size: 1.5rem;
        padding-top: .4rem!important; */
        font-size: 1.1rem;
        padding-top: .75rem!important;
    }    

}

@media only screen and (max-width: 745px) {  

    .promo-seal-slider { 
        margin-top: -45rem;
        margin-left: 4.4rem;                  
    }    
   
}

@media only screen and (max-width: 710px) {  

    .promo-seal-slider { 
        margin-top: -43rem;
        margin-left: 4.4rem;                  
    }    
   
}

@media only screen and (max-width: 670px) {  

    .promo-seal-slider { 
        margin-top: -41rem;
        margin-left: 4.4rem;                  
    }    
   
}

@media only screen and (max-width: 660px) {  

    .promo-seal-slider { 
        margin-top: -40rem !important;  
        margin-left: 4.4rem;                  
    }    
   
}

@media only screen and (max-width: 600px) {  

    .promo-seal-slider { 
        margin-top: -37rem !important;
        margin-left: 3.4rem;                  
    }    
   
}

@media only screen and (max-width: 550px) {  

    .promo-seal-slider { 
        margin-top: -35rem !important;
        margin-left: 2.4rem;                  
    }    
   
}

@media only screen and (max-width: 500px) {  

    .promo-seal-slider { 
        margin-top: -33rem !important;
        margin-left: 2.4rem;                  
    }
   
}

@media only screen and (max-width: 500px) {  

    .promo-seal-slider { 
        margin-top: -33rem !important;
        margin-left: 2.4rem;                  
    }
    
    .discount-promo-seal-slider {                                        
        width: 6.31rem;
        height: 5.9rem; 
    }
    
    .discount-promo-seal-slider p {                                        
        /* font-size: 1.4rem;
        padding-top: .5rem!important; */
        font-size: 1rem;
        padding-top: .75rem!important;
    }
   
}

@media only screen and (max-width: 460px) {  

    .promo-seal-slider { 
        margin-top: -30rem !important;
        margin-left: 2.4rem;                  
    }
    
    .staffelrabatt-promo-head p {
        font-size: 1rem !important;
        line-height:1.2 !important;
    }
   
}

@media only screen and (max-width: 420px) {  

    .promo-seal-slider { 
        margin-top: -27.5rem !important;
        margin-left: 2rem;                  
    }
    
    .discount-promo-seal-slider {                                        
        width: 5.67rem;
        height: 5.4rem; 
    }

    .discount-promo-seal-slider p {                                        
        /* font-size: 1.3rem;
        padding-top: .6rem!important; */
        font-size: 0.85rem;
        padding-top: 0.95rem!important;
    }
   
}


@media only screen and (max-width: 387px) {   

    .promo-seal-slider { 
        margin-top: -26.5rem !important;
        margin-left: 2rem;                  
    }

}


@media only screen and (max-width: 390px) {

    .discount-promo-seal {                                        
        width: 7.31rem; 
        height: 6.9rem;         
    }
    
    .discount-promo-seal p {                                        
        /* font-size: 1.6rem;
        padding-top: .4rem!important; */
        font-size: 1.15rem;
        padding-top: .7rem!important;
    }

}

@media only screen and (max-width: 360px) {  

    .promo-seal-slider { 
        margin-top: -25rem !important;
        margin-left: 1rem;                  
    }

    .staffelrabatt-promo p {
        font-size: 0.7rem;
    }

    .btn-red-promo {
        font-size: 0.7rem !important;
    }

    .btn-red-promo .copy-tooltip {        
        left:43% !important;  
    }

}


@media only screen and (max-width: 344px) {    
    
    .purchase_type_container h3 {   
        font-size: 1.3rem !important;    
    }

}