@font-face {
    font-family: "inria-regular";
    font-display: auto;
    src: url(fonts/InriaSans-Regular.eot); /* IE9 Compat Modes */
    src: url(fonts/InriaSans-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(fonts/InriaSans-Regular.woff) format('woff'), /* Pretty Modern Browsers */
         url(fonts/InriaSans-Regular.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(fonts/InriaSans-Regular.svg#InriaSans) format('svg'); /* Legacy iOS */
    font-style: normal
}

@font-face {
    font-family: "inria-italic";
    font-display: auto;
    src: url(fonts/inria-sans.bold-italic.eot); /* IE9 Compat Modes */
    src: url(fonts/inria-sans.bold-italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(fonts/inria-sans.bold-italic.woff) format('woff'), /* Pretty Modern Browsers */
         url(fonts/inria-sans.bold-italic.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(fonts/inria-sans.bold-italic.svg#InriaSans) format('svg'); /* Legacy iOS */
    font-style: normal
}

@font-face {
    font-family: "inria-bold";
    font-display: auto;
    src: url(fonts/InriaSans-Bold.eot); /* IE9 Compat Modes */
    src: url(fonts/InriaSans-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(fonts/InriaSans-Bold.woff) format('woff'), /* Pretty Modern Browsers */
         url(fonts/InriaSans-Bold.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(fonts/InriaSans-Bold.svg#InriaSans) format('svg'); /* Legacy iOS */
    font-style: normal
}

@font-face {
    font-family: "InriaSans-Light";
    src: url(fonts/InriaSans-Light.eot); /* IE9 Compat Modes */
    src: url(fonts/InriaSans-Light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(fonts/InriaSans-Light.woff) format('woff'), /* Pretty Modern Browsers */
         url(fonts/InriaSans-Light.otf)  format('truetype'), /* Safari, Android, iOS */
         url(fonts/InriaSans-Light.svg#inriasans) format('svg'); /* Legacy iOS */
    font-style: normal
}



body, html {
    height: 100%;
    min-height:90%;
    font-family: inria-regular, sans-serif;
    font-size:18px;
}

.content-p{
    font-family: Figtree, Helvetica, sans-serif;
}



h1, h2, h3, h4, h5, h6{
    font-family: inria-bold, helvetica, sans-serif;
}

main {
    min-height: 75%
}

.logo {
    width: 180px
}

body {
    padding: 0!important
}

.in-regular {
    font-family: inria-regular, helvetica, sans-serif;
}

.in-bold {
    font-family: inria-bold, helvetica, sans-serif;
}

.in-italic {
    font-family: inria-italic, helvetica, sans-serif;
}

.bf-orange-bg {
    background: #e56e21!important
}

.bf-orange-font {
    color: #e56e21
}

.bf-orange-border {
    border-color: #e56e21!important
}

.bf_red_font {
    color: #ed2e14
}

.bf-green-bg {
    background: #2d6f15
}

.bf-green-font {
    color: #2d6f15!important
}

.bf-green-border {
    border-color: #2d6f15!important
}

.bf-lightgray-bg {
    background: #f2f2f2
}

.pf-coin-bg {
    background-color: #a3acb1
}

.ratings {
    color: #fec448;
    font-size: 24px;
    vertical-align: middle
}

.ratings-n {
    color: #ccc;
    font-size: 24px;
    vertical-align: middle
}

.cust-verified {
    font-size: 12px
}

#wrapper-pagination-links .pagination-lg .page-link {
    padding: .5rem .9rem;
    font-size: 1rem;
    line-height: 1.5
}

.col-6.rounded.pb-4 a {
    color: inherit
}

.col-6.rounded.pb-4 a:hover {
    text-decoration: none;
    color: inherit
}

.about-us {
    background: #a5c655
}

.webp .bg-about-us {
    background: url(https://d1u0fmrftdc99b.cloudfront.net/bilder/shops/misc/about-us.webp) no-repeat;
    background-size: cover;
    background-position: 100%
}

.no-webp .bg-about-us {
    background: url(https://d1u0fmrftdc99b.cloudfront.net/bilder/shops/misc/about-us.jpg) no-repeat;
    background-size: cover;
    background-position: 100%
}

.products-list a {
    color: inherit
}

.products-list a:hover {
    text-decoration: inherit
}

.triptychon {
    width: 110%;
    z-index: 999
}

.bestseller {
    background: #c23131
}

.product-button span {
    font-size: 13px
}

.products-list .product-button span {
    font-size: 13px
}

.price-red {
    color: #c23131
}

cart-container {
    z-index: 999999999999999!important;
    top: 0
}

add-to-cart-button {
    display: block
}

.aff-btn.disabled {
    pointer-events: inherit!important;
    cursor: inherit!important
}

@media (min-width:992px) {
    footer nav a {
        font-size: 14px
    }
    .icon-neu{
        width:80px; 
        left:30px; 
        top:130px
    }
}

.top_bar__close {
    left: 25px
}

#banner .slick-dotted.slick-slider {
    margin-bottom: 0
}

#banner .slick-slide img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

@media (max-width:1200px) {
    .arrow-container {
        display: none!important
    }
}

#banner {
    overflow: hidden
}

#banner .slider {
    display: none
}

#banner .slider.slick-initialized {
    display: block
}

button.prev.slick-arrow {
    position: absolute;
    left: 0;
    top: 200%
}

button.next.slick-arrow {
    position: absolute;
    right: 0
}

button.slick-arrow {
    position: absolute;
    font-size: 0;
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

button.slick-arrow::before {
    font-size: 25px;
    font-family: slick;
    line-height: 1;
    opacity: .75;
    color: #565656;
    -webkit-font-smoothing: antialiased
}

.next.slick-arrow::before {
    content: "→"
}

.prev.slick-arrow::before {
    content: "←"
}

button.slick-arrow {
    z-index: 1000
}

ul.slick-dots {
    bottom: 5px
}

ul.slick-dots li {
    margin: 0
}

ul.slick-dots li button:before {
    font-size: 12px
}

.banner-slide {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center
}

.slider .slick-slide .container-xl {
    height: 100%
}

.slick-track {
    height: 375px;
    max-height: 38vw
}

.slick-track a {
    text-decoration: none
}

.modal-dialog.modal-search {
    max-width: 730px
}

.modal-dialog.modal-search .modal-content {
    top: -75px
}

input#search {
    height: 60px;
    font-size: 26px
}

.result-image {
    width: 200px
}
.pro-title{
    font-size: 20px;   
    font-family: inria-bold, Helvetica, sans-serif; 
}

@media (max-width:992px) {
    .pro-title{
        font-size: 80%;    
    }
}
@media (max-width:881px) {
    .pro-title{
        font-size: 60%;    
    }
}

@media (max-width:767px) {
    input#search {
        height: 40px;
        font-size: 18px
    }
    .result-image {
        width: 125px
    }
    .pro-title{
        font-size: 20px;   
    }
}
@media (max-width:645px) {
    .pro-title{
        font-size: 80%;   
    }
}

main .navbar-expand-lg .navbar-nav>.nav-item .nav-link {
    color: #fff;
    font-family: inria-regular !important;
}

.cookie_disclaimer {
    background: rgba(0,0,0,.9);
    font-size: 14px
}

#search_results {
    z-index: 9999999;
    background: #fff;
    top: 100%;
    display: none;
    margin-bottom: 20px
}

#search_results .list-group-item {
    z-index: 99999
}

.notransition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}


.promo_bar .unit_value {
    line-height: 24px;
    font-weight: 700
}

.promo_bar .unit_name {
    line-height: 8px
}

.promo_bar .unit_name small {
    font-size: 65%;
    font-weight: 400
}

.promo_bar .base-timer {
    position: relative;
    width: 65px;
    height: 65px
}

.base-timer__svg {
    transform: scaleX(-1)
}

.base-timer__circle {
    fill: none;
    stroke: none
}

.base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: #9fc7cf
}

.base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: #fefefe
}

.base-timer__path-remaining.white {
    color: #fefefe
}

.base-timer__path-remaining {
    display: none
}

.base-timer__path-remaining.orange {
    color: #9fc7cf
}

.base-timer__label {
    position: absolute;
    width: 65px;
    height: 65px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    flex-direction: column
}

.base-timer__path-remaining.orange {
    stroke: #9fc7cf
}

.base-timer__label .unit_name {
    font-size: 9px
}

.base-timer__label .unit_value {
    font-size: 26px
}

#base-timer-label-hour {
    flex-direction: column
}

.countdown {
    margin-left: 4px;
    margin-right: 4px
}

.icon-neu{
    position:absolute; 
    width:96px; 
    left:30px; 
    top:70px
}

.testi-contents{
    line-height: 1rem !important; 
    font-family: Figtree, Helvetica, sans-serif;
}

.testi-contents h5 {
  display: block;
  font-size: 17px !important;
  margin-bottom: 0.5rem;
  font-family: Lato;
  font-weight: 600;
  margin-bottom: 7px;
  font-family: Figtree, Helvetica, sans-serif;
  line-height: 1.3;
}
.home-testi h5 span{
    font-size:18px !important;
    font-family: Lato !important;
    font-weight: 700;
}
.home-testi p{
    font-size:16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1.25 !important;
}
.home-testi h5{
    font-size:18px !important;
    font-family: Lato !important;
    font-weight: 700;
}

.home-testi-title h5{
    font-family: Lato !important;
    font-weight: 700;
}

@media (max-width:769px) {
    .promo_bar .base-timer {
        width: 45px;
        height: 45px
    }

    .promo_bar .countdown {
        margin-left: 2px;
        margin-right: 2px
    }

    .promo_bar .base-timer__label {
        width: 45px;
        height: 45px
    }

    .promo_bar .base-timer .unit_value {
        font-size: 20px;
        line-height: 20px
    }

    .promo_bar .base-timer .unit_name {
        font-size: 8px
    }
}

.fotorama.invisible img {
    width: 30px;
    height: 30px
}

.ratings {
    color: #ccc;
    font-size: 24px;
    vertical-align: middle
}

.ratings-y {
    color: #fec448!important
}

.page-item.active a {
    color: #fff!important
}

#wrapper-reviews,#wrapper-reviews-product {
    position: relative
}

.testimonial-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.8);
    z-index: 4;
    text-align: center;
    top: 0;
    left: 0
}

.testimonial-loader .spinner-border {
    margin-top: 14rem;
    width: 3rem;
    height: 3rem
}

.testi-stat-bg {
    max-width: 100%;
    background: rgba(0,0,0,.05);
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.1)
}

.testi-stat-value {
    background: #fec448;
    border-radius: 10px;
    height: 10px
}

.product-teaser-ratings .fa {
    font-size: 18px;
    letter-spacing: -2px
}

.product-ratings .fa {
    font-size: 14px;
    letter-spacing: -2px
}

.rating-star-count .fa {
    font-size: 18px;
    letter-spacing: -2px
}

.review-summary .fa {
    font-size: 26px;
    letter-spacing: -2px
}

.fa-star-half-custom:after {
    content: "\f089";
    position: absolute;
    left: 0;
    color: #fec448!important
}

.bf-green-bg .testimonial-loader {
    background: rgba(45,111,21,.8)
}

.table-summary-reviews {
    width: 100%
}

td.table-summary-reviews__stars {
    white-space: nowrap
}

td.table-summary-reviews__bar {
    width: 99%
}

.description-read-more {
    display: none
}

.fotorama__wrap--css3 .fotorama__arr--disabled {
    opacity: .5
}

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

.heading-review__summary.ml-2 {
    font-size: 16px;
    line-height: 28px;
    margin-left: 12px!important
}

.review-anchor:hover {
    text-decoration: none
}

.hide-heading {
    display: none
}

.table-summary-reviews td {
    border: 0
}

.sold-out-main {
    height: 100%;
    background: rgba(0,0,0,.2);
    z-index: 1000;
    top: 0
}

.sold-out {
    color: #c23131;
    background-color: rgba(255,255,255,.8);
    z-index: 1000;
    height: 100%;
    top: 0
}

.sold-out div {
    font-size: 19px;
    text-align: center
}

.sold-out div strong {
    font-family: opensans-bold
}

.white-box {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    max-width: 80%;
    background: rgba(255,255,255,.9);
    z-index: 10000;
    top: 300px;
    font-size: 30px;
    text-align: center;
    padding-left: 65px;
    padding-right: 65px;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #c23131;
    border-radius: 10px;
    font-family: opensans-regular;
    line-height: normal
}

.white-box div strong {
    font-family: opensans-bold
}

@media (max-width:768px) {
    .white-box {
        max-width: 90%
    }
}

@media (max-width:420px) {
    .white-box {
        top: 200px
    }
}

.bootstrap-select .dropdown-menu li a.selected:hover {
    color: #fff
}

.show-description-read-more {
    display: inline-block
}

.show-description-read-more i {
    font-size: 14px
}

img.fotorama__img {
    transform: unset!important;
    -webkit-transform: unset!important
}

img {
    image-rendering: auto!important
}

.footer-logo {
    max-width: 225px
}

.product-single-page .product-single-hide {
    display: none
}

.product-bundle-page .product-bundle-hide {
    display: none
}

.disabled-add-to-cart {
    color: #fff;
    background: #e56e21!important;
    border-radius: 50rem!important;
    border: none!important;
    padding: .5rem 1.5rem!important;
    font-family: opensans-semibold,helvetica,sans-serif;
    font-size: .875rem;
    line-height: 1.5;
    text-transform: uppercase!important;
    cursor: not-allowed;
    opacity: .65
}

.disabled-add-to-cart:hover {
    text-decoration: none
}

.sold-out-product {
    margin-top: -130px
}

.sold-out-product h5 {
    color: #c23131;
    background: rgba(255,255,255,.9);
    border: 5px solid #c23132;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    font-size: 25px;
    max-width: 250px;
    text-transform: uppercase
}

.heading_purchase_subscribe_link a.hide-heading {
    display: none
}

.heading_purchase_subscribe_link a {
    background: #15375a!important;
    color: #fff;
    font-family: opensans-semibold,helvetica,sans-serif;
    border: none!important;
    padding: .5rem 1.5rem!important;
    text-transform: uppercase!important;
    width: 100%;
    font-size: 20px;
    border-radius: 5px!important;
    display: block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    line-height: 1.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.heading_purchase_subscribe_link a:hover {
    text-decoration: none
}

#purchase_type_subscribe_discount {
    color: #000!important;
    text-decoration: underline;
    font-family: opensans-bold
}

.init-display-none {
    display: none
}

.delivery_detail {
    cursor: pointer;
    color: #6c757d;
    font-size: 15px
}

.delivery_detail i {
    color: #6c757d;
    font-size: 18px;
    vertical-align: middle
}

.delivery_details__tooltip {
    min-width: 300px;
    max-width: 100%;
    font-size: 75%;
    background: #6c757d;
    z-index: 1000;
    top: 40px;
    display: none;
    left: 7px
}

.delivery_details__tooltip:before {
    border-bottom-color: #6c757d!important;
    display: block;
    content: "";
    width: 1px;
    border: 10px solid transparent;
    position: absolute;
    top: -20px;
    left: 0
}

.bf-orange-bg.promo_bar {
    background: #ec7811!important
}

@media (max-width:720px) {
    .product-image-nav {
        width: 33%;
        font-size: .75em!important
    }
}

ul.green-checklist {
    margin-left: 10px;
    padding-left: 15px;
    position: relative;
    font-size: 15px;
    margin-bottom: 5px;
    text-align: left
}

ul.green-checklist li {
    list-style: none;
    margin-bottom: 10px
}

ul.green-checklist li:last-child {
    margin-bottom: 0
}

.modal-footer .bf-orange-bg {
    border: 0;
    box-shadow: none
}

ul.green-checklist li:before {
    content: "✔";
    font-weight: 700;
    color: #2d6f15!important;
    position: absolute;
    left: -10px
}

.card-price {
    display: inline-block;
    vertical-align: text-bottom;
    width: auto;
    height: 38px;
    background: #c23131;
    -webkit-border-radius: 3px 4px 4px 3px;
    -moz-border-radius: 3px 4px 4px 3px;
    border-radius: 3px 4px 4px 3px;
    border-left: 1px solid #c23131;
    position: relative;
    white-space: nowrap;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    line-height: 38px;
    text-transform: uppercase;
    padding: 0 10px 0 5px
}

.card-price strong {
    font-family: opensans-semibold;
    font-weight: 400
}

.card-price:before {
    content: "";
    position: absolute;
    display: block;
    left: -19px;
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-right: 19px solid #c23131
}

.card-price:after {
    content: "";
    background-color: #fff;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: -9px;
    top: 17px
}

#discount-info p {
    font-size: 15px;
    margin-bottom: 10px
}

#discount-info h5 {
    font-size: 18px
}

@media (max-width:480px) {
    .filter-option-inner-inner {
        font-size: 12px
    }

    .filter-option-inner-inner small {
        font-size: 12px
    }
    .kart-aycon {
        width: 35px!important; 
        right: 20px!important; 
        bottom: 60px!important;  
    }
    .icon-neu{
        width: 50px; 
        left: 25px; 
        top: 80px;
    }
}

.quantity_boxes label span {
    border: #efefef solid 1px;
    cursor: pointer;
    transition: .3s;
    font-family: opensans-semibold
}

.quantity_boxes input[type=radio] {
    display: none;
}

.quantity_boxes input[type=radio]:hover~span {
    background: #efefef!important
}

.quantity_boxes input[type=radio]:checked~span {
    background: #9fc7cf!important;
    border-color: #9fc7cf;
    color: #15375a!important
}

.quantity_boxes.orange input[type=radio]:checked~span {
    background: rgba(229,110,33,.2)!important;
    border-color: rgba(229,110,33,1);
    color: rgba(229,110,33,1)!important
}

.heading_price {
    min-height: 38px;
    line-height: 38px
}

.select_offer_composite .text-muted {
    color: red!important;
    font-size: 100%
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #15375a
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    border-bottom: 3px solid #15375a;
    cursor: pointer;
    color: #15375a!important;
    font-family: inria-regular, helvetica, sans-serif
}

.nav-tabs .nav-link {
    border: none;
    font-size: 1.75rem
}

.nav-tabs {
    border-bottom: none
}

.mb0 {
    margin-bottom: 0
}

.p-b-9 {
    padding-bottom: 9px
}

.p-t-9 {
    padding-top: 9px
}

.bf_lightgray_bg {
    background: #f2f2f2
}

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

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

.bf_orange_bg {
    color: #fff;
    background: #e56e21!important
}

.faq-question-symbol {
    font-size: 27px!important;
    vertical-align: middle;
    color: #9fc7cf
}

.testi-arrows {
    font-size: 2rem;
    cursor: pointer
}

.slider-next-arrow {
    left: 97.5%;         
    z-index: 999;           
}

.slider-next-prev {
    left: -5px;    
    z-index: 999;
}

.testi-arrows {
    font-size: 1rem !important;            
}

.testi-text-top p {
    line-height:19px
}

.highlighted-text {
    background-color:#fcfaba;
}

.text-content p {
    font-family: Arial, Helvetica, sans-serif !important;    
    line-height: 1.3 !important;
}

.text-content small {
    font-family: Arial, Helvetica, sans-serif !important;    

}

.reviews-location {
    font-size:85% !important;
}

.text-content h5 {
    font-family: Arial, Helvetica, sans-serif !important;    
    font-weight: 600 !important;
}

.text-content h5 small {
    font-family: Arial, Helvetica, sans-serif !important;    
    font-weight: 600 !important;

}

.arial-bold {
    font-family: Arial, Helvetica, sans-serif !important;    
    font-weight: 600;
    line-height: 1.3 !important;
}

.arial-regular {
    font-family: Arial, Helvetica, sans-serif !important; 
    line-height: 1.3 !important;
}

h4 span {
    color: #15375a
}

.w-110 {
    width: 110px!important
}

.pf-navy-color {
    color: #15375a!important
}

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

.icon_img {
    width: 115px
}

#seals h3 {
    text-align: center;
    margin-bottom: 50px
}

.pf-denim-border {
    border-color: #293f6b!important
}

.pf-denim-bg {
    background-color: #293f6b
}

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

.text-align-center {
    text-align: center
}

.margin-auto {
    margin: auto
}

/* .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 700
} */

.color-black {
    color: #000
}

.navbar-light .navbar-nav .nav-link {
    color: #fff
}


.color-black {
    color: #000
}

.img-medium {
    width: 768px;
    margin: auto
}

.padding-35 {
    padding: 35px
}

.pf-mission {
    margin: 100px 0
}

.pf-denim-font {
    color: #15375a
}

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

.bg-light {
    background-color: #f8f9fa!important
}

.pf-custom-box {
    background: #fff;
    border-radius: 10px;
    /* padding: 0 20px 20px; */
    border: 1px solid #eee;
    margin-top: 1.5rem;
    overflow: hidden;
    position: relative
}

.btn-orange-color {
    background: #e3785a !important;
}

.pf-custom-box:hover {
    text-decoration: none
}

.pf-gradient-sapphire {
    background: rgb(196,228,243);
    background: linear-gradient(90deg, rgba(196,228,243,1) 35%, rgba(232,248,248,1) 71%);
}

.custom-btn-homepage {
    /* width: 100%; */
    padding: 1rem!important
}

.homepage-section-1.container {
    padding: 60px 0
}

.full-width {
    width: 100%
}

.webp .parallax {
    background-image: url(https://d1fxleuemb5ki8.cloudfront.net/bilder/shop/PF_shop_dog2.webp);
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.no-webp .parallax {
    background-image: url(https://d1fxleuemb5ki8.cloudfront.net/bilder/shop/PF_shop_dog2.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.navbar-dark .navbar-nav .nav-link {
    color: #000
}

.products-teaser-box {
    position: relative
}

.new-seal-box {
    position: absolute;
    top: 0;
    z-index: 0;
    right: 0;
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 0;
    overflow: hidden;
    height: 210px
}

.new-seal {
    background-color: #293f6b;
    float: left;
    position: relative;
    text-align: center;
    width: 225px;
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    color: #fff
}

.shop-seal {
    transform: rotate(-42deg);
    left: -53px;
    top: 25px
}

.homepage-seal {
    transform: rotate(-42deg);
    left: -53px;
    top: 37px
}

.product-seal {
    transform: rotate(-42deg);
    left: -40px;
    top: 45px
}

.tooltip-inner {
    background-color: #fff!important;
    /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/color: #fff
}

.tooltip.top .tooltip-arrow {
    border-top-color: #fff
}

.tooltip.right .tooltip-arrow {
    border-right-color: #fff
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff
}

.tooltip.left .tooltip-arrow {
    border-left-color: #fff
}

.overflow-hidden {
    overflow: hidden
}

.display-inline {
    display: inline-block
}

footer {
    background: #15375a;
    text-align: center;
    min-height:20%;
    color: #000
}

footer p {
    text-align: center;
    color: #000!important
}

footer img {
    margin: 30px auto;
    width: 200px
}

footer ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0
}

footer li {
    display: inline;
    margin-right: 50px;
    padding-bottom: 10px;
    cursor: pointer
}

footer a:hover,footer a:link,footer a:visited {
    color: #15375a;
    text-decoration: underline
}
/* @media (max-width:768px) {
    .oberbyew .inf-btn{
        font-size: 80%;
    }
  
} */

@media (max-width:768px) {
    footer li {
        border: 1px solid #15375a;
        width: 100%;
        display: block;
        border-radius: 5px;
        padding: 10px 50px 20px 50px;
        text-align: left;
    }
    .uber-seals img{
        width: 30% !important;
        height: auto;
    }
    .overview-category h5 {
        font-size: 1rem;
    }

    .overview-category{
        padding:0px 6px;

    }
    .icon-neu{
        width: 90px ; 
        left: 25px ; 
        top: 110px ;
    }
}
@media (max-width: 648px){
    .uber-seals img{
        width: 30% !important;
        height: auto;
    }
    .icon-neu{
        width: 80px ; 
        left: 25px ; 
        top: 110px ;
    }
}



@media (max-width: 610px) {
    .card-price {
        position: relative!important;
    }
}

@media (max-width:480px) {
    .logo {
        width: 220px;
        max-width: 100%
    }

    .h2,h2 {
        font-size: 1.5rem
    }

    .h3,h3 {
        font-size: 1.25rem
    }
    
    .h4,h4 {
        font-size: 1.15rem
    }

    .overview-category h5 {
        font-size: .75rem;
    }
    .overview-category{
        padding:0px 5px;

    }

    p {
        word-break: break-word
    }

    .additional-content .faq-question-symbol {
        display: none
    }

    .ingredients .mt-4,.ingredients .mt-5,.ingredients .pt-5,.ingredients-content .mt-4,.ingredients-content .mt-5,.ingredients-content .pt-5 {
        padding-top: 10px!important;
        margin: 0!important
    }

    .homepage-section-1 {
        padding: 60px 15px
    }

    .homepage-section-1.container .row {
        margin: 0
    }

    .mb-30 {
        margin-bottom: 30px
    }

    .pf-testimonials .d-flex {
        display: block!important
    }

    .pf-testimonials .w-110 {
        width: 200px!important
    }

    .pf-testimonials .d-flex.mx-auto.justify-content-center.mt-3.d-md-none.d-block {
        text-align: center
    }

    .pf-testimonials .w-110 {
        width: 130px!important;
        margin: 0 auto!important;
        text-align: center;
        padding: 0!important
    }

    .col-sm-17 {
        text-align: center;
        width: 100%
    }

    .parallax {
        height: 100vh;
        background-position: 65% 100%;
        background-size: 220%
    }

    .pf-custom-box {
        padding: 0
    }

    #products-teaser-box-1 {
        padding-bottom: 0!important
    }

    .mobile-hidden {
        display: none
    }

    .new-seal {
        transform: rotate(-41deg);
        left: -65px;
        top: 23px
    }
    .icon-neu{
        width: 60px ; 
        left: 10px ; 
        top: 75px ;
    }
}

ul.denim-checklist {
    margin-left: 10px;
    padding-left: 15px;
    position: relative;
    font-size: 15px;
    margin-bottom: 5px;
    text-align: left;
    list-style: none;
}

ul.denim-checklist li:before {
    content: "✔";
    font-weight: 700;
    color: #15375a!important;
    position: absolute;
    left: -10px
}

.available-soon-button:hover {
    color: #fff;
    cursor: no-drop
}

.not-available-banner {
    position: relative;
    width: 100%;
    z-index: 999;
    text-align: center
}

.not-available-banner-text {
    font-weight: 700;
    font-size: 18px
}

.transparent-img .fotorama__stage {
    opacity: .5
}

.transparent-img .thumbs {
    opacity: .5
}

.sold-out-p {
    color: #c23131;
    background-color: rgba(255,255,255,.8);
    z-index: 1000;
    top: 0;
}




/**** NEW DESIGN 2025 ****/






.pf2-blue-color{
    color: #15375a
}

.pf2-lightblue-color{
    color: #9fc7cf
}

.pf2-coral-color{
    color: #e3785a
}

.pf2-grey-color{
    color: #3c3c3b
}

.pf2-beige-color{
    color: #f5efe4
}

/**/

.pf2-blue-bg{
    background: #15375a
}

.pf2-lightblue-bg{
    background: #9fc7cf
}

.pf2-coral-bg{
    background: #e3785a
}

.pf2-grey-bg{
    background: #3c3c3b
}


.pf2-beige-bg{
    background: #f6f5f1
}

/**/

.pf2-blue-border{
    border: 1px solid #15375a
}

.pf2-lightblue-border{
    border: 1px solid #9fc7cf
}

.pf2-coral-border{
    border: 1px solid #e3785a
}

.pf2-grey-border{
    border: 1px solid #3c3c3b
}

.pf2-beige-border{
    border: 1px solid #f5efe4
}


.guarantee-list { list-style:none; }
.guarantee-list li:before {    
    font-family: 'FontAwesome';
    content: '\f1b0';
    margin:-25px 20px 15px -40px;
    color: #15375a;
}


.slideout-cartoffer{
    z-index:999999999999;
    top:0;
    right:0;
    height:100%;
    width:100%;

    display:none
}

@media(min-width:768px){
    .slideout-cartoffer{
        z-index:999999999999;
        top:0;
        right:0;
        height:100%;
        width:500px;
        display:none
    }
    .oberbyew .product-name{
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
     
}
@media(max-width:767px){
    .slideout-cartoffer{
        z-index:999999999999;
        top:0;
        right:0;
        height:100%;
        width:100%;
        display:none
    }
    .oberbyew .product-name{
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
     
}
@media(max-width:480px){
    .oberbyew .product-name{
        font-size:16px;
        margin: 0 5px;
    }
     
}

@media(max-width:470px){
    .oberbyew .product-name{
        font-size:18px;
        margin: 0 5px;
    }
     
}

@media(max-width:470px){
    .oberbyew .product-name{
        font-size:18px;
        margin: 0 15px;
    }
     
}
@media(max-width:404px){
    .oberbyew .product-name{
        font-size:13px;
        margin: 0 5px;
    }
     
}

@media(max-width:390px){
    .oberbyew .product-name{
        font-size:17px;
        margin: 0 10px;
        line-height:1
    }
     
}

@media(max-width:340px){
    .oberbyew .product-name{
        font-size:14px;
        margin: 0 5px;
    }
     
}
.kart-aycon {
  position: absolute;
  width: 50px;
  right: 25px;
  bottom: 60px;
  cursor:pointer;
}


.oberbyew .product-name{
    color: #15375a !important;
    text-decoration: underline;
    cursor: default;
}
.oberbyew .inf-btn{
    cursor: pointer;
    min-width:1px;
    width:auto;
    font-size:22.5px;
    padding: 0px 0px;

}

.oberbyew .inf-txt{
    text-decoration: underline;
}
a{
    color:#15375a
}
.login-image{
    width:40px
}

.prod-name-overview{
    font-size: 11px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.overview-guest-btn{
    font-size:7.3px;
    white-space: nowrap;
    padding: 2px 0
}

.shop-overview-header{
    font-size:19px;
}
.active-menu{
    background: #9fc7cf;
    color: #fff !important;
}
@media (max-width: 767px) {
    .navbar #header{
        padding: .1rem !important;
    }
        .cart-placeholder{
            width: 55px !important;
            height: 53px !important;
            border: none;
            border-radius: 10px;
            background-color: #fff;
            margin-right: 8px;
            background-image: url('https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/misc/pf-carticon.webp');
            background-size: 120% 120%;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
        }

        .float-the-jebs{
            position: fixed;
            top: 10px;
            right: 2px;
            z-index: 1;
            cursor: pointer;
        }
        .cart-badge {
            position: absolute;
            top: -5px;
            right: -8px;
            padding: 7px;
            background: #e3785a;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

        body.cart-open-lock {
            overflow: hidden;
            position: fixed;
            width: 100%;
        }

        .hide-cart {
            display: none !important;
        }
     
   
}


@media (max-width: 992px) {
    body.menu-open {
        overflow: hidden;
    }
    .navbar-nav{
        padding-top: 20px;
    }
    .navbar-nav .nav-link.pf2-lightblue-bg {
        color: #fff !important;
    }

    .custom-toggler {
        padding-top: 15px!important;
        padding-bottom: 12px!important;
    }

    .dropdown-menu{
        text-align: center;
    }
    .main-nav{
        color:#1a3627;
        text-align: center;
    }
    .active-menu .main-nav{
        color:#fff !important;
    }

    main .navbar-expand-lg .navbar-nav>.nav-item .nav-link {
        color: #15375a;
        font-family: inria-regular !important;
    }

    #main-menu{
        background-color: #fff;
        color:#15375a !important;
        position: fixed;
        top: var(--header-height, 120px);
        left: 0;
        width:100%;
        height:100%;
        z-index: 1040;
    }
    
    #main-menu::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/misc/PF_Trust_Bewertungen.jpg");
        background-repeat: no-repeat;
        background-position: center 70%;
        background-size: 100vw auto;
        z-index: -1;
    }

    .icons-menu{
        text-align: center;
        padding-top: 10px;
        padding-bottom:20px;
    }

    .goal-box img {
        width: 100%;
        height: 150px;
        object-fit: contain;
    }

    .goal-box {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .goal-box a {
        margin-top: auto;
    }

    footer .nav-link{
        color:#fff !important;
        text-decoration: underline!important;
        margin-left: 30px !important;
    }

    footer p{
        font-size: 80% !important;
        text-decoration: underline!important;
    }
    .product-ratings small{
        font-size:9px!important;
    }

    .hotline-btn .tooltip-hotline {
            visibility: hidden;
            opacity: 0;
            background: #9fc7cf;
            color: #fff;
            padding: 8px 8px;
            border-radius: 6px;
            position: absolute;
            left: 100%;
            transform: translateX(-50%);
            white-space: nowrap;
            transition: opacity 0.2s;
            font-size: 16px;
            z-index: 10;
        }  

}

@media(min-width:993px){
    .hotline-btn{
        color:#fff !important;
    }
    .main-nav, .main-nav a{
        color:#fff !important;
    }
    .navbar-toggler-icon {
        color:#fff !important;
    }
    a .nav-link{
        background-color: #fff !important;
        color:#1a3627 !important
    }

    .hotline-btn .tooltip-hotline {
        visibility: hidden;
        opacity: 0;
        background: #9fc7cf;
        color: #fff;
        padding: 8px 8px;
        border-radius: 6px;
        left:50%;
        position: absolute;
        transform: translateX(-50%);
        white-space: nowrap;
        transition: opacity 0.2s;
        font-size: 16px;
        z-index: 10;
    }
    .pf-bg-white{
        background-color: #fff;
    }

    .pderu{
        padding-left: 220px;
    }

}
@media(max-width:1013px){
    .oberbyew .inf-btn{
        font-size: 90%;
    }
    
}

@media(max-width:993px){
    .oberbyew .inf-btn{
        font-size: 80%;
    }
    
}

@media(max-width:804px){
    .oberbyew .inf-btn{
        font-size: 75%;
    }
    
}


@media(min-width:768px){
    .overview-guest-btn{
        font-size:10px;
        padding: 1px 0px
    }

    .prod-name-overview{
        font-size:13px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .shop-overview-header{
        font-size:22px;
    }

}
@media(max-width:767px){
    .oberbyew .inf-btn{
        font-size: 22.5px;
    }
    
}
@media(max-width:515px){
    .oberbyew .inf-btn{
        font-size: 95%;
    }
    
}
@media(max-width:438px){
    .oberbyew .inf-btn{
        font-size: 80%;
        padding-top:3px;
    }
    
}
@media(max-width:335px){
    .oberbyew .inf-btn{
        font-size: 80%;
    }
    
}
@media(max-width:398px){
    .oberbyew .inf-btn{
        font-size: 95%;
        padding-top:2px;
    }
    
}

@media(max-width:380px){
    .overview-category h5 {
        font-size: .65rem;
    }    
     .oberbyew .inf-btn{
        font-size: 60%;
    }
}
@media(max-width:346px){
    .oberbyew .inf-btn{
        font-size: 50%;
    }
    
}
@media(max-width:406px){
    .overview-category h5 {
        font-size: .75rem;
    }    

}

@media(max-width:362px){
    .overview-category h5 {
        font-size: .60rem;
    }    

    .icon-neu{
        width: 50px ; 
        left: 25px ; 
        top: 90px ;
    }
}

.shop-category-btn{
    background: #f6f4f0;
    color: #1b3528
}
.shop-category-btn-active, .shop-category-btn-active:hover{
    color: #f6f4f0;
    background: #1b3528
}

.shop-category-btn:hover{
    color: #f6f4f0;
    background: #1b3528
}

textarea::placeholder, input::placeholder{
    color: #999 !important;
}

.underlined-header{
    border-bottom:1px solid #1b3528;
    width: fit-content;
}

.gold-check-list ul {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
}

.gold-check-list li {
    padding-left: var(--icon-space);
}

.gold-check-list li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
    color: #caad5d
}

.next, .action-button{
    background: #ed6c4a !important;
    border-radius:8px !important;
    padding-left:20px !important;
    padding-right:20px !important;
}


.bf2-green-bg{
    background: #1b3528
}

.bf2-green-border{
    border-color: #1b3528 !important;
}

.bf2-green-color{
    color: #1b3528
}
.bf2-green-font{
    color: #1b3528 !important;
}

body{
    color:#15375a !important;
}

.bf2-creme-bg{
    background: #f6f4f0
}

.bf2-creme-color{
    color: #f6f4f0
}

.bf2-creme-border{
    border-color: #f6f4f0 !important;
}

.bf2-gold-color{
    color: #caad5d
}

.bf-orange-bg{
    background: #ed6c4a !important
}
/*
.navbar, .navbar a:visited,.navbar a:hover,.navbar a:active,.navbar a:link {
    color:#fff !important
} */



.btn{
    border-radius:4px !important;
}
.rounded{
    border-radius:8px !important;
}
.dt-account::after {
    color: #ed6c4a !important;
    display: inline-block;
    content: "";
    border-top: .35em solid;
    border-right: .35em solid transparent;
    border-bottom: 0;
    border-left: .35em solid transparent;
}

.dt-account:hover::after {
    color: #fff !important;
}

.account-icon{
    outline: 1px solid #1b3528;
    outline-offset: -2px;
    font-size:25px;
    border:1px solid #1b3528;
    border-radius:100px; margin-right:-5px
}

.read-more {
    cursor:pointer;
}
.read-less {
    cursor:pointer;
}
.read-more:Hover {
    text-decoration:underline;
}

.text-content p {
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1.25 !important;
}

.arial-bold {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    line-height: 1 !important;
}

.border-testi {
    border: 1px solid #efefef !important;
}

.slider-next-arrow {
    top:10%;
    left: 101%;
    cursor:pointer;
    z-index: 999;
}

.slider-prev-arrow {
    top:10%;
    left: -35px;
    z-index: 999;
    cursor:pointer;
}



@media only screen and (max-width: 530px){
    .btn-cat {
        font-size:0.8rem !important;
    }


    .product-teaser-name {
            font-size:0.8rem !important;
    }
}

@media only screen and (max-width: 430px){
    .btn-cat {
        font-size:0.8rem !important;
    }
    #portrait .slick-dots {
        margin-top: 1px;
    }
    #portrait .slick-dots li button:before {
        font-size: 10px;
        padding:1px;
    }
    .product-ratings i{
        font-size:12px!important;
    }
    .logo {
        width: 180px;
    }
    .oberbyew {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom:10px !important;
    }
    .teaser-product-box > [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-bottom:10px !important;
        margin-top:0 !important;
    }

}

@media only screen and (max-width:390px){
    .btn-cat {
        font-size:0.8rem !important;
    }

    .product-teaser-name {
            font-size:0.7rem !important;
    }

}

@media only screen and (max-width:370px){
    .btn-cat {
        font-size:0.8rem !important;
    }
    .category-h5{
        font-size: 0.7rem;
        line-height:20px;
    }

}


.new-seal-box {
    position: absolute;
    top: 0;
    z-index: 0;
    right: 8px;
    width: 100%;
    display: block;
    padding: 0;
    overflow: hidden;
    height: 210px;
}

.homepage-seal {
    transform: rotate(39deg);
    left: 32px;
    top: 43px;
}

.new-seal {
    background-color: #ad2d2d;
    float: right;
    position: relative;
    text-align: center;
    font-size: 18px;
    width: 210px;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
}

.category-h5{
    line-height:23px
}
@media (max-width:883px){

    .oberbyew .inf-txt{
        font-size: 95%;
    }
}
@media (max-width:785px){

     .oberbyew .inf-txt{
        margin-top:1px;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .homepage-seal {
        left: 45px;
        top: 35px;
    }
    .new-seal {
        font-size: 15px;
    }
    .new-seal-box {
        height: 150px!important;
    }

    .category-h5{
        font-size: 0.9rem;
        line-height:20px;
    }
   
}



@media (max-width:375px){

    .category-h5{
        font-size: 0.7rem;
        line-height:20px;
    }
    .oberbyew .inf-txt{
        font-size: 12px;
    }

}


/*faq*/

.bf2-faq h5{
    color:#1a3627 !important;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 18px;
    cursor: pointer;
}

.bf2-faq p{

}

.bf2-faq hr{
    border-color:rgba(26,54,39,0.3);
}

.faq-toggle-icon{
    font-size:35px !important; cursor:pointer
}


/*ingredients*/

.ingred-left-arrow{
    font-size:36px; top:50%; left:-30px; cursor:pointer
}

.ingred-right-arrow{
    font-size:36px; top:50%; right:-30px; cursor:pointer
}

.ingred-white-box{
    border:5px solid #f6f4f0 !important; border-radius:20px
}

.ingred-white-box h5{
    font-size:18px
}

.ingred-center {
    justify-content: center !important;
}

/*
#slider {
    width: 1140px;
    height: 403px;
    overflow: hidden;
}

#slider .slides {
    display: block;
    width: 6000px;
    height: 403px;
    margin: 0;
    padding: 0;
}

#slider .slide {
    float: left;
    list-style-type: none;
    width: 1140px;
    height: 403px;
}

*/

.testi-stat-bg{
    border:none !important
}

.testi-stat-value{
    background: #1a3627 !important;
}

#wrapper-pagination-content {
    margin: 0 10px;
}

#wrapper-pagination-links .pagination-lg .page-link {
    padding: .5rem .9rem;
    font-size: 1rem;
    line-height: 1.5;
    color:#1a3627 !important;
    /*border-left:1px solid rgba(26,54,39,0.3) !important;*/
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
    border-bottom:none !important;
    padding:0 10px;
    font-size:19px;
}

#wrapper-pagination-links ul li:first a {
    border-left: none !important
}

.page-link:hover {
    background: none !important;
    text-decoration: underline;
    font-weight:bolder;
}

.text-decoration-underline{
    text-decoration:underline
}



.trypti p {
    background-color: #f6f4f0;
    font-size:0.75rem;
}

.trypti {
    cursor:pointer;
    border: 1px solid #f6f4f0;
    color: #1a3627 !important;
    border-radius: 7px !important;
}


.trypti_active p {
    background: #1b3528 !important;
    color:#fff !important;
    border-color:#2f702f !important;
}

.trypti_active {
    color: #3c3c3b!important;
    background-color: #fff !important;
    border-left:none !important;
    border-right:none !important;
    border:1px solid rgba(27,53,40,0.3) !important;
}

    /* oh cart jebs*/

.bf-orange-color{
    background: #ed6c4a !important
}

/*
.cart-button{
    background: #ed6c4a !important; box-shadow:none !important;
    border:none !important; padding:8px !important; color:#fff !important; font-weight:bold !important; font-size:20px !important; text-transform:uppercase !important;
}
*/
.highlighted-text {
    background-color: #fcfaba;
}

.hp-reviews-limiter{
    max-height:240px !important; overflow:hidden
}

.read-more-home{
    cursor:pointer
}

.review-fader{
    background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 100%, rgba(31, 51, 79, 1) 100%);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.slideoutcart-image{
    width:150px
}

.slideoutcart-title{
    font-size:25px;
    color: #15375a !important;;
}

@media (max-width: 768px) {
    .slideoutcart-image{
        width:120px
    }
    .slideoutcart-title{
        font-size:18px!important
    }
    .overview-category .all-prod-cats {
        position: absolute!important;
        top: 100%!important;
        left: 0!important;
        width: 90vw!important;
        z-index: 9999!important;
        margin-left: calc(-80vw + 50%)!important;
    
    }
}



.bf-custom-consent-check{
	background: #D3D9DF;
}
.bf-options-btn {
	clip: rect(0 0 0 0);
	clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	&:checked + .bf-checkbox-tile {
		border-color: #1b3528;
		box-shadow: 0 5px 10px rgba(#000, 0.1);
		color: #1b3528;
		&:before {
			transform: scale(1);
			opacity: 1;
			background-color: #146c43;
			border-color: #146c43;
			position: absolute;
			top: -1px;
		}

		.checkbox-icon, .bf-checkbox-label {
			color: #146c43;
		}
	}
	&:focus + .bf-checkbox-tile {
		border-color: #146c43;
		box-shadow: 0 5px 10px rgba(#000, 0.1), 0 0 0 4px #b5c9fc;
		&:before {
			transform: scale(1);
			opacity: 1;
		}
	}
}
.consent-button-disabled{
	cursor: not-allowed !important;
}
.consent-disabled {
    background-color: #edeff2;
    cursor: not-allowed;
}
.bf-checkbox-tile {
    display: flex;
    flex-direction: row;
    border-radius: 0.5rem;
    box-shadow: 0 5px 10px rgba(#000, 0.1);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;

	&:before {
		content: "";
		display: block;
		width: 1.25rem;
		height: 1.25rem;
		border: 2px solid #b5bfd9;
		background-color: #fff;
		border-radius: 50%;
		top: 0.25rem;
		left: 0.25rem;
		opacity: 1;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
		background-size: 12px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		position: absolute;
    	top: -1px;
	}
	&:hover {
		border-color: #1b3528;
		&:before {
			opacity: 1;
		}
	}
}
.bf-checkbox-label {
	color: #707070;
    transition: .375s ease;
    text-align: center;
    padding-left: 35px;
}



.kantotchat{
    width: 100%; max-width: 700px; height: 500px; border: none; border-radius:8px;
}
.kadjutala{
    border: 1px solid #ddd; background:#fff; border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none;
}
.chatbot-close-btn{
    display:none;
    width:fit-content; border-radius:100px; padding:8px; cursor:pointer; margin-right:10px; float:right; margin-top:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.show-chatbot{
    width:fit-content; border-radius:100px; padding:8px; cursor:pointer; margin-right:10px; float:right; margin-top:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.chatbot-container {
    position: fixed; bottom: 20px; right: 20px; z-index: 999999; width: fit-content;
}

.chatbox-wrapper {
    max-width: 400px;
    width: 100%;
}


@media (max-width:350px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 200px; border: none; border-radius:8px;
    }
    .chatbox-wrapper {
        max-width: 400px;
        width: 100%;
        margin-bottom: .05rem !important;
    }
    .kadjutala {
        max-height: 95vh;
        overflow-y: auto;
    }

    .kantotchat {
        max-height: 65vh;
        height: auto;
    }

    .overview-category h5 {
        font-size: .60rem;
    }

}
@media(max-width:400px){
    .chatbot-container {
        position:fixed; right:0px; bottom:10px; width:100%; z-index:999999;
    }
    .show-chatbot {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        cursor: pointer;
        margin-top: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
    .show-chatbot img {
        width: 45px;
        height: 45px;
        object-fit: contain;
    }
    .show-chatbot i.fa-circle {
        left:0px !important;
        bottom:0px !important;
    }
    .smaller-hide-chatbot{
        border-radius:50px!important;
        padding:7px 14px !important
    }
    .hide-chatbot i.fa-close {
        font-size: 14px !important;
    }
    .chatbox-wrapper {
        margin-bottom: 1.5rem;
    }
}

@media (min-width:351px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 200px; border: none; border-radius:8px;
    }
    .chatbox-wrapper {
        max-width: 400px;
        width: 100%;
        max-height: 700px;
        height: 100%;
        margin-bottom: .05rem !important;
    }

}
@media (min-width:400px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 300px; border: none; border-radius:8px;
    }
    .show-chatbot{
        width:fit-content; border-radius:100px; padding:8px; cursor:pointer; float:right; margin-top:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2)
    }
    .chatbot-close-btn{
        width:fit-content; border-radius:100px; padding:8px; cursor:pointer; float:right; margin-top:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
    .chatbot-container{
        position:fixed; right:0px; bottom:10px; width:100%; z-index:999999;
    }
    .chatbox-wrapper {
        max-height:700px;
        height: 100%;
        max-width: 700px;
        width: 100%;
    }
}

@media (min-width:700px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 500px; max-height:100%; border: none; border-radius:8px;
    }
    .chatbot-container{
        position:fixed; right:10px; bottom:20px; width:400px; z-index:999999;
    }


}

@media (max-height: 700px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 300px; max-height:100%; border: none; border-radius:8px;
    }
}

@media (max-height: 900px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 300px; max-height:100%; border: none; border-radius:8px;
    }
}

@media (min-height: 901px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 500px; max-height:100%; border: none; border-radius:8px;
    }
    .chatbox-wrapper {
        margin-bottom: 2rem !important;
    }
}

.container-adj-width{
    width:80px
}



.aboutus-banner-bg{
    background: linear-gradient(90deg,rgba(246, 244, 240, 1) 20%, rgba(246, 244, 240, 1) 40%, rgba(181, 129, 96, 1) 60%, rgba(181, 129, 96, 1) 80%);
}

.aboutus-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; 
    background-size:100% 55%; background-position:0 10px; padding: 0 40px
}

.ourpromise-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; 
    background-size:100% 55%; background-position:0 10px; padding: 0 40px
}

.guarantee-banner-bg{
    background: linear-gradient(90deg,rgba(246, 244, 240, 1) 20%, rgba(246, 244, 240, 1) 40%, rgba(245, 243, 239, 1) 60%, rgba(245, 243, 239, 1) 80%);
}

.ourguarantee-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; 
    background-size:100% 55%; background-position:0 10px; padding: 0 40px
}


.howitworks-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; 
    background-size:100% 55%; background-position:0 10px; padding: 0 40px
}

.contact-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; 
    background-size:100% 55%; background-position:0 10px; padding: 0 20px
}


.first-header-lightblue{
    font-size:13.5px
}

.first-header-lightblue img{
    width:22px !important
}

.info-icon-teaser{
    width:38px; left: 11px; top:11px; cursor: pointer; position:absolute;
}

.categories-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:100%; background-position:0 7px; padding: 0 60px
}

.testi-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:100%; background-position:0 7px; padding: 0 60px
}
.produ-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:105% 100%; background-position:0 4px; padding-bottom:10px
}
.nl-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:100%; background-position:0 7px; padding: 0 60px
}
.ourpromise-home-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_Beige.webp) no-repeat; background-size:100% 55%; background-position:0 14px; padding: 0px 60px; padding-bottom:10px
}

.mission-title{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:100% 50%; background-position:0 10px; padding: 0 40px
}

.mission-section{
    background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/PF-banner4-bg.webp); background-size:cover
}


.onigsenf::-webkit-input-placeholder {
    color:red !important;
    opacity: 0.5;
}
.onigsenfborder{
    border: 1px solid red
}



.hotline-btn:hover .tooltip-hotline {
    visibility: visible;
    opacity: 1;
}



.carousel {
    margin: 0 auto;
    padding: 0px 0;
    max-width: 350px;
    overflow: hidden;
    display: flex;
    > * {
        flex: 0 0 100%;
    }
    &:hover .group {
        animation-play-state: paused;
    }
}

.group {
    display: flex;
    gap: 20px;
    padding-right: 20px;
    will-change: transform;
    animation: scrolling 15s linear infinite;
}

@keyframes scrolling {
    0% {
        transform: translateX (0); 
    }
    
    100% {
        transform: translateX(-100%);
    }
}

.cardy {
    width: 50px;
    background: none;
    align-items: center;
}

/*DU30 Products Slider*/
.showcase-arrow-left{
    cursor:pointer; 
    font-size:30px; 
    position:absolute; 
    left:150px; 
    top:260px;
    z-index:9;
}
.showcase-arrow-right{
    cursor:pointer; 
    font-size:30px;
    position:absolute; 
    right:150px; 
    top:260px;
    z-index:9;
}


.showcase-slide {
    left:auto;
    right:auto;
    margin:auto;
}
.showcase-slide {
  max-width: 90vw;
  height: auto;
}

.showcase-prev-prod {
  width: 60vw;
  opacity: 0.3;
}

.category-item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.category-slider {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    display: flex;
    overflow-x: hidden; 
}

.category-slider-main {
    position: relative;
}
.category-slider-wrapper {
    max-width: 90%; 
    padding-left:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; 
}

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    border: none;
    padding: 8px;
    cursor: pointer;
    background: none;
    border: none; 
    color: #9fc7cf;
    font-size: 24px;
}


.slider-btn.prev-cat {
    left: -10px;
}
.slider-btn.next-cat {
    right: -10px;
}

.slider-btn:focus {
    outline: none; 
}

.marquee {
  animation: marquee 90s linear infinite;
  padding-left: 100%;   
}

.percent-deets{
    left:65%; 
    bottom:50%; 
    width:150px; 
    z-index:5;
}
.percent-deets-v1{
    left:65%; 
    bottom:50%; 
    width:150px; 
    z-index:5;
}
.percent-deets-div{
    right:0; 
    top:50px; 
    border-radius:100%; 
    width:120px; 
    height:120px; 
    z-index:4;
}
.percent-deets-div-v1{
    right:16px; 
    top:70px; 
    border-radius:100%; 
    width:105px; 
    height:105px; 
    z-index:4;
}
.percent-img-deets{
    z-index:1; 
    width:300px;
    padding:10px 10px;
    margin-left:50px;
}
.percent-img-deets-v1{
    z-index:1; 
    width:300px;
        padding:10px 10px;
    margin-left:50px;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@media (max-width: 767px) {
    .categories-title{
        background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:100% 100%; background-position:0 -15px; padding: 0 60px
    }
    .testi-title{
        background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:100% 100%; background-position:0 0px; padding: 0 60px;
        padding: 20px;
    }
    .nl-title{
        background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:100% 100%; background-position:0 0px; padding: 0 60px;
        padding: 20px;
    }

    .mission-title{
        background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:100% 100%; background-position:0 0px; padding: 0 40px;
        padding: 20px;
    }
    .ourpromise-home-title{
        background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_Beige.webp) no-repeat; background-size:100% 30%; background-position:0 30px; padding: 20px;
    }
    .mission-section {
        background-position: center;
    }
    .lead{
        font-size: 1rem;
        font-weight: 300;
    }
    .mission-cta h5 {
        font-size: 1.25rem;
    }

    .review-header{
        padding: 10px 10px !important;
    }
    .inf-mod{
        font-size: .8rem !important;
    }
    .showcase-arrow-left{
        cursor:pointer; 
        font-size:30px; 
        position:absolute; 
        left:0; 
        top:260px;
        z-index:9;
    }
    .showcase-arrow-right{
        cursor:pointer; 
        font-size:30px;
        position:absolute; 
        right:0; 
        top:260px;
        z-index:9;
    }
    .first-header-lightblue {
        position: relative;
    }

    .first-header-lightblue .header-item {
        display: none;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .first-header-lightblue .header-item.active {
        display: block;
        opacity: 1;
    }
    .our-promise-home img{
        width: 200px !important;
    }
    .produ-title{
        background:url(https://d1fxleuemb5ki8.cloudfront.net/bilder/pf2-shop/line_white2.webp) no-repeat; background-size:100% 100%; background-position:0 0; padding: 20px 60px;
    }
    .percent-deets{
        right:30px; 
        width:120px; 
        /* top:0; */
        z-index:5;
        left: 55%;
        bottom: 60%;
    }
   
    .percent-deets-v1{
        right:30px; 
        width:120px; 
        z-index:5;
        top:0;
    }
    .percent-img-deets{
        display: block;
        margin: 0 auto;
        z-index:1; 
        width:250px
    }
    .percent-img-deets-v1{
        display: block;
        margin: 0 auto;
        z-index:1; 
        width:250px
    }
    .anwend-pics img{
        width: 100% !important;
    }
}

@media (max-width:514px) {
  .trustpil-img{
    width: 200px !important;
  }
  .trustpil-img-1{
    width: 190px !important;
  }
  
}

@media (max-width:415px) {
  .trustpil-img{
    width: 170px !important;
  }
  .trustpil-img-1{
    width: 160px !important;
  }
}
@media (max-width:360px) {
  .trustpil-img{
    width: 150px !important;
  }
  .trustpil-img-1{
    width: 140px !important;
  }
}


.showcase-slide {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.8s ease;
    cursor: pointer;
}

.showcase-center {
    width: 400px;
    height: 400px;
    z-index: 10;
    opacity: 1;
}

.showcase-left {
    width: 300px;
    height: 300px;
    top: 50px;   
    left: 30%;   
    z-index: 5;
    opacity: 0.4;
}

.showcase-right {
    width: 300px;
    height: 300px;
    top: 50px;
    left: 70%;
    z-index: 5;
    opacity: 0.4;
}
.showcase-guarantee{
    position: absolute;
       
    left: 55%; 
    width: 160px;
    z-index: 99;
    cursor: pointer;
}

.showcase-cart{
    position: absolute;
    top: 73%;        
    left: 60%; 
    width: 65px;
    z-index: 999;
    cursor: pointer;
}
.showcase-description{
  width:fit-content;
}
.peercent-img{
    width:75%;
}

.prod-info-sec{
    font-family:inria-bold;
    cursor:pointer;
}

.teaser-cart-icon{
    position:absolute; 
    width:35px; 
    right:7px; 
    bottom:43px
}
@media(min-width:993px){
   
    .prod-showkes {
        position: relative;
        overflow: hidden;
        height:550px;
    }

}


@media (max-width: 768px) {
    .showcase-center { width: 70vw; height: 70vw; }
    .showcase-left,
    .showcase-right { width: 50vw; height: 50vw; top: 5vw; }
    .showcase-left { left: 20%; }
    .showcase-right { left: 80%; }

    .showcase-guarantee-mobile{
        position: absolute;        
        left: 60%; 
        width: 35%;
        z-index: 99;
        cursor: pointer;
    }
    .showcase-cart{
        width: 50px;
        left: 67%;
        top: 70%;  
    }
    .peercent-img{
        width:100%;
    }
    .prod-showkes {
        height:auto;
    }
    .teaser-cart-icon{
        width:20%;
        bottom:40px
    }
    
    .prod-info-sec{
        display: block;
    }
    .anwendung-img{
        width: 75% !important;;
    }
 
}




.ingr-btn:hover{
    background-color: #9fc7cf !important;
}

.fotorama__stage__shaft img {
    /*background-color: #f5efe4 !important;*/
    border-radius:10px !important
}


.faq-toggle-icon{
    font-family: InriaSans-Light
}

.ingred-white-box{
    border:5px solid #fff !important; border-radius:20px
}

.ingred-white-box ul li{
    font-size:16px
}

.ingred-left-arrow{
    font-size:26px; top:50%; left:-24px; cursor:pointer
}

.ingred-right-arrow{
    font-size:26px; top:50%; right:-24px; cursor:pointer
}

.hdr-text{
    font-size:15px;
}
.first-header-lightblue > .flex-fill {
    margin: 0 -5rem;
}
.letter-spacing-cta{
    letter-spacing: .05em;
}
.h6-bold{
    font-family: inria-bold;
}

.garantie-content {
    line-height: 1.3;
}
.slider, .banner-slide {
    width: 100%;
    height: 100%;
}

.banner-bg {
    width: 100%;
    height: 100%;
    background-size: cover; 
    background-position: center center; 
}

.banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
}