/** Shopify CDN: Minification failed

Line 178:9 Expected identifier but found whitespace
Line 178:16 Unexpected ";"

**/
.bss-lock-page-container:has([bss-lock-rule-id="5836"]) {background:none;width:100%;max-width:560px;min-height:unset!important;border-radius:none;padding:0!important;box-shadow:none;margin:80px auto 0;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-fl-message{font-size:13px;font-weight:450;line-height:20px;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-commerce-custom-newsletter{text-align:center;margin:20px;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-newsletter-form__field-wrapper{width:100%;max-width:36rem;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-newsletter-form__field-wrapper .bss-newsletter__field{position:relative;z-index:0;margin:0;display:flex;border-radius:2px;overflow:hidden;max-height:50px;justify-content:center;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-newsletter-form__field-wrapper .bss-newsletter__field-input{width:unset;border-radius:0;border:1px solid #000;border-right:none;margin:0;outline:none;background:#fff;flex:1;padding:10px;font-size:14px;max-width:250px;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-newsletter-form__field-wrapper .bss-newsletter__field-input::placeholder{color:#6b7280;opacity:1;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-newsletter-form__field-wrapper .bss-newsletter__field__label{display:none;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-newsletter-form__field-wrapper .bss-newsletter-form__button{display:block;border:1px solid #000;border-left:none;width:50px;margin:0;padding:10px 15px;color:#000;border-radius:0;font-weight:500;cursor:pointer;background:none;font-size:18px;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-newsletter-form__field-wrapper .bss-newsletter-form__button .icon-arrow{display:block;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .bss-newsletter-form__field-wrapper .bss-newsletter-form__button::after{display:none;}
                .bss-lock-page-container:has([bss-lock-rule-id="5836"]) .success-message{margin:14px;font-size:13px; color:black;}
        .bss-lock-passcode-container-5836.page-width.bsscommerce-passcode-container .bss-commerce-passcode-container-2 {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            margin-top: 16px;
        }
        .bss-lock-passcode-container-5836 .bss-commerce-passcode-input-label {
            margin-bottom: 4px;
            display: flex;
            width: 100%;
            justify-content: flex-start;
            font-size: 14px;
            color: rgba(0, 0, 0, 1);
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }

        .bss-lock-passcode-container-5836.page-width #bsscommerce-ltap-password {
            display: flex;
            flex-direction: inherit;
            row-gap: 6px;
            column-gap: 6px;
            max-width: 100%;
            max-height: 200px;
            align-items: center;
            height: 42px;
        }
        .bss-lock-passcode-container-5836 .bss-password-form-wrapper {
            display: flex;
            align-items: center;
            border: 1px solid;
            border-color: rgba(0, 0, 0, 1);
            border-radius: 5px;
            overflow: hidden;
            background-color: #fff;
            margin-right: 6px;
            flex: 1;
            justify-content: space-between;
        }
        .bss-lock-passcode-container-5836.page-width.bsscommerce-passcode-container .bss-password-form-wrapper {
            width: 335px;
            max-width: 100%;
            max-height: 200px;
            height: 100%;
        }
        .bss-lock-passcode-container-5836 #bsscommerce-password {
            padding: 8px 0 8px 10px;
            border-radius: 5px;
            font-size: 14px;
            border: none;
            margin-right: 5px;
            box-shadow: none;
            outline: none;
        }
        .bss-lock-passcode-container-5836.page-width.bsscommerce-passcode-container #bsscommerce-password {
            width: 335px;
        }    
        .bss-lock-passcode-container-5836 .toggle-passcode-input {
            background-color: 
            transparent; 
            border: none; 
            line-height: 0; 
            padding: 8px; 
            cursor: pointer; 
            fill: #BABEC3;
        }
        .bss-lock-passcode-container-5836 #bsscommerce-password-submit {
            color: rgba(255, 255, 255, 1) !important;
            background-color: rgba(0, 0, 0, 1) !important;
            border: 1px solid #ccc;
            padding: 5px 15px;
            border-radius: 5px;
            cursor: pointer;
            height: 42px;
            font-size: 14px;
            font-weight: bold;
        }
        .bss-lock-passcode-container-5836.page-width.bsscommerce-passcode-container #bsscommerce-password-submit {
            max-height: 200px;
            max-width: 100%;
            width: 79px;
        }                
    
        .bss-lock-message-element-5836 {
            font-size: 14px !important;
            font-weight: normal !important;
            font-style: normal !important;
            text-decoration: none !important;
            text-align: center !important;
            color: rgba(0, 0, 0, 1) !important;
            display: inline-block !important;
            font-family: inherit !important;
        }

        
        
    
    .bss-countdown-wrapper-page:has([data-countdown-rule-id="5836"]) {
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        width: 50%;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: rgba(0, 0, 0, 1);
        font-family: inherit;
        background-color: inherit;
    }
    .bss-timer-page[data-countdown-rule-id="5836"] {
        color: rgba(0, 0, 0, 1);
        font-family: inherit;
    }
    @media (max-width: 640px) {
        .bss-countdown-wrapper-page:has([data-countdown-rule-id="5836"]) {
            width: 100%;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
        
    }

    .bss-countdown-wrapper-price:has([data-countdown-rule-id="5836"]) {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 6px;
        justify-content: center;
        color: rgba(0, 0, 0, 1);
        font-family: inherit;
        background-color: rgba(255, 255, 255, 1);
    }
    .bss-timer-price[data-countdown-rule-id="5836"] {
        font-family: inherit;
        color: rgba(0, 0, 0, 1)
    }
    
    .bss-lock-passcode-container-5836 {}html, body {
height: 100%;
}
body {
margin: 0;
background-color: #EAE6DE;
}

/* Logo als Link (Hintergrundgrafik eines <a>-Tags) /
a.logo-link {
display: inline-block;
width: 220px; / bei Bedarf anpassen /
height: 60px; / bei Bedarf anpassen /
background-image: url('/cdn/shop/files/HAGOS_4c_4.png?v=1761646195');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
text-decoration: none;
text-indent: -9999px; / Linktext visuell ausblenden */
overflow: hidden;
}

/* Optional: Logo mittig auf der Seite platzieren /
.center-page {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #EAE6DE; / falls nur der Container genutzt wird */
}

Verwendung

Klickbares Logo:
<a class="logo-link" href="/">Hagos</a>
Zentrieren (optional): <div class="center-page">
<a class="logo-link" href="/">Hagos</a>
</div>
Optional: Falls du das Logo statt als Link als Seitenhintergrund zeigen möchtest, nutze diese Variante (ersetzt den body-Block oben):
body {
margin: 0;
background: #EAE6DE url('/cdn/shop/files/HAGOS_4c_4.png?v=1761646195') no-repeat center center fixed;
background-size: 220px auto; /* Größe des Logos anpassen */
}.product-card-wrapper:has(.bss-lock-element) form[id*="quick-add"]{ cursor: not-allowed !important; opacity: .5 !important; pointer-events: none !important; }.product-card-wrapper:has(.bss-lock-element) quantity-input{ cursor: not-allowed !important; opacity: .5 !important; pointer-events: none !important; }.product-card-wrapper:has(.bss-lock-element) form[id*="quick-add"]{ cursor: not-allowed !important; opacity: .5 !important; pointer-events: none !important; }.product-card-wrapper:has(.bss-lock-element) quantity-input{ cursor: not-allowed !important; opacity: .5 !important; pointer-events: none !important; }.product-card-wrapper:has(.bss-lock-element) form[id*="quick-add"] { display: none; }.product-card-wrapper:has(.bss-lock-element) quantity-input { cursor: not-allowed; opacity: .5; pointer-events: none; }[id*='MainProduct']:has(.bss-lock-element) [id*='Quantity-Form']{ cursor: not-allowed !important; opacity: .5 !important; pointer-events: none !important; }[id*='MainProduct']:has(.bss-lock-element) [id*='ProductSubmitButton']{ cursor: not-allowed !important; opacity: .5 !important; pointer-events: none !important; }[id*='MainProduct']:has(.bss-lock-element) .shopify-payment-button{ cursor: not-allowed !important; opacity: .5 !important; pointer-events: none !important; }.variant-item:has(.bss-lock-element) .variant-item__quantity{ cursor: not-allowed !important; opacity: .5 !important; pointer-events: none !important; }.variant-item__price:has(.bss-lock-element) .variant-item__old-price { display: none; }
					.variant-item__price:has(.bss-lock-element) .variant-item__old-price { display: none !important; }
				
        .bss-hide-atc + * {
            display: none !important;
        }
			.bss-lock-hidden { display: none; }
			script#bss-behavior-script { display: none !important }