/*
* Just me and You things 
 */
html {
    scroll-padding-top: 4rem;
}

.btn.btn-default {
    padding: 3px 6px;
    border: solid 1px #3399ff;
    border-radius: 3px;
    color: #3399ff;
    text-decoration: none;
    text-transform: uppercase;
}

.default-border-radius {
    border-radius: 15px;
}

.js-mobile-menu__tab.show .fa-angle-down {
    display: none;
}

.js-mobile-menu__tab:not(.show) .fa-angle-up {
    display: none;
}


.paypal-hidden-workaround[style*="visibility: hidden;"] {
    height: 0px;
    margin: 0;
    padding: 0;
}


.alert .alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

#payment-confirmation .js-alert-payment-conditions {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title,
.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link {
    font-weight: normal !important;
    color: #acacac;
    font-size: 16px;
    padding-left: 20px !important;
}

button .material-icons {
    display: none;
}

.comments_note {
    display: none !important;
}

.delivery-options img {
    max-width: 40px;
}



#conditions-to-approve {
    background-color: rgba(0, 255, 0, 0.1);
    padding: 0px 10px 10px 10px;
    border: 1px solid rgba(255, 0, 0, 0.25);
}

#contidtions-to-approve .custom-checkbox input[type=checkbox]+span .checkbox-checked {
    color: green;
    font-size: 14px;
}

#conditions-to-approve .custom-checkbox input[type=checkbox] .ps-shown-by-js {
    height: 80px;
    background: red;
}

#conditions-to-approve .custom-checkbox {
    display: flex;
}

#conditions-to-approve .custom-checkbox input[type="checkbox"] {
    transform: scale(1.8);
    width: 32px;
    height: 32px;
}

#conditions-to-approve .custom-checkbox input[type=checkbox]+span:not(.color),
#conditions-to-approve .custom-checkbox label,
#conditions-to-approve .custom-checkbox input[type="checkbox"] {
    margin-block: auto;
    top: 0;
    bottom: 0;
}

#conditions-to-approve .custom-checkbox input[type="checkbox"]+span .checkbox-checked {
    font-size: 28px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#conditions-to-approve .custom-checkbox input[type=checkbox]+span:not(.color) {
    border: 2px solid black;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}


.product-miniature-layout-1 h3.product-title {
    min-height: 75px !important;
}

.payment-options .payment-option {
    background-color: rgba(0, 0, 0, 0.025);
    border-radius: 15px;
}

.payment-options .payment-option:has(input[type="radio"]:checked) {
    background: rgba(64, 185, 255, 0.63) !important;
}

.payment-options .payment-option label {
    max-width: initial;
    padding-inline: 1em;
    width: 100%;
    max-width: unset !important;
    padding-block: 1em;
}



.payment-options .payment-option .custom-radio {
    margin: 5px;
    display: none;
}

#js-stripe-payment-form{
    margin-bottom: .5rem;
}

#payment-confirmation button {
    font-size: 1.4rem
}


.delivery-options-list .delivery-option {
    border-radius: 15px;
    padding: 0 !important;
}

.delivery-options .delivery-option>label {
    padding: 1rem 2em;
    max-width: unset !important;
}

.delivery-options-list .delivery-option:has(input[type="radio"]:checked) {
    background: rgba(64, 185, 255, 0.63) !important;
}


.delivery-information {
    color: orange;
}


.summary-selected-carrier img {
    max-width: 80px;
}

@media (max-width: 767px) {
    .category-description {
        display: initial !important;
    }

    .payment-option label {
        max-width: initial;
        height: 60px;
    }

    .payment-option label img {
        display: none;
    }

    div#payment-option-4-additional-information {
        display: hidden !important;
    }

}


#mobile-header .mobile-main-bar {
    padding-top: 3px;
    padding-bottom: 3px;
}

.mobile-menu__arrow {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: .8em;
}

.300h {
    object-fit: contain;
    max-height: 300px;
}

.badge.product-unavailable {
    background-color: red;
    font-size: 100%;
    width: 100%;
}

.product-miniature-grid .product-availability:has(.product-unavailable-allow-oosp){
    width: 100%;
}

.badge.badge-danger.product-unavailable:not(.product-unavailable-allow-oosp) {
  display: none;
}

.badge.product-unavailable.product-unavailable-allow-oosp {
    background: #FF9A52;
    white-space: unset;
}

.product-flags .on-sale {
    background-color: rgba(255, 0, 0, 0.6);
    font-weight: bold;
    font-size: 1rem;
    transform: rotate(-45deg);
}

.iconlist ul li {
    line-height: 2
}

.nachteileblock {
    background: #fff4f4;
    border: 1px solid #fba4a4;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
}

.vorteileblock {
    background: #eeffee;
    border: 1px solid #88f788;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
}

.vorteileblock ul,
.nachteileblock ul {
    list-style: none;
}

.vorteileblock ul li,
.nachteileblock ul li {
    list-style: none;
    margin-bottom: 6px;
}


.vorteileblock ul li:before {
    content: "✓";
    margin-right: 8px;
    margin-left: -20px;
    color: green;
}

.nachteileblock ul li:before {
    content: "❌";
    margin-right: 8px;
    margin-left: -30px;
    color: red;
}

.border-radius-10 {
    border-radius: 10px;
}

.product-miniature-default li.product-flag {
    margin-top: 0;
}

ul.product-flags {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    padding-inline: 0;
}

.product-flag.discount {
    font-weight: bold;
}

#footer {
    margin-top: 5px;
}

/* .cbp-tab-title .cbp-mainlink-iicon {
    font-size: 1rem;
    max-height: 1rem;
} */

.cbp-hrmenu .cbp-links li a {
margin: 3px 0;
  padding-left: 2px;
  border-radius: 1rem;
  padding: 0.8rem 1.5rem;
  border-radius: 100vmax;

}

.cbp-hrmenu .cbp-links li a:hover {
  background: aliceblue;
}