/** Shopify CDN: Minification failed

Line 180:0 Unexpected "}"
Line 205:18 Expected identifier but found "["

**/
*.product-labels > .product-label {
background-color: #D9D9D9;
border-radius: 50px;
display: flex;
padding: 6px 20px 6px 16px;
line-height: 1.4em;
align-items: center;
font-size: 18px;
gap: 10px;
}
.product-labels {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.product-labels > .product-label svg {
width: 24px;
height: 24px;
}
div:has(+ .product-labels) {
border-bottom: none;
}
.bundle_box_wrapper {
border-radius: 20px;
border: 1.5px solid #000;
padding: 28px 24px;
margin-top: 40px;
position: relative;
}
.bundle_box_wrapper h2 {
font-size: 1.25rem;
}
.bundle_box_wrapper::before {
position: absolute;
display: block;
top: 0;
left: 28px;
content: attr(data-headline);
background: black;
color: white;
border-radius: 50px;
padding: 0 20px;
text-transform: uppercase;
font-size: 1em;
transform: translateY(-50%);
}
.bundle_lamp_wrapper {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 36px;
}
.bundle_lamp_wrapper > div {
width: 245px;
display: flex;
flex-direction: column;
}
.bundle_select_lamp {
width: 100%;
background-color: #E6E6E6;
font-size: 4rem;
font-weight: 300;
}
.bundle_lamp_wrapper img, .bundle_select_lamp {
aspect-ratio: 1/1;
border-radius: 20px;
object-fit: cover;
object-position: top;
}
.bundle_product_price s {
color: #919190;
font-size: 1.125rem;
}
.bundle_product_price, .bundle_product_price bdi {
display: flex;
gap: 12px;
font-size: 1.125rem;
}
.bundle_lamp_wrapper h3 {
font-size: 1.125rem;
margin-top: 12px;
}
.lamp_popup {
position: fixed;
top: 0;
right: 0;
box-shadow: -20px 15px 30px 0 rgba(0, 0, 0, 0.10);
background-color: white;
height: 100vh;
overflow-y: scroll;
z-index: 10;
width: min(100%, 630px);
overscroll-behavior: none;
}
@media only screen and (min-width: 700px) {
.lamp_popup_inner {
margin-top: 10vh !important;
}
}
.lamp_popup_inner {
margin-top: 5vh;
padding: 0 30px;
padding-bottom: 90px;
}
.lamp_popup h2 {
font-size: 1.5rem;
}
.lamp_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.lamp_grid h3 {
font-size: 1.125rem;
margin-top: 20px;
text-align: left;
}
.bundle_lamp_display {
position: relative;
}
.bundle_lamp_display::after {
position: absolute;
top: 0;
right: 16px;
transform: translateY(-50%);
font-size: 0.8125rem;
padding: 6px 24px;
background-color: black;
border-radius: 50px;
color: white;
content: '10%';
}
.lamp_popup .title_close {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.lamp_image_wrapper img {
border-radius: 20px;
}
.bundle_reselect {
background-color: black;
border-radius: 100%;
position: absolute;
top: 0;
left: 16px;
transform: translateY(-50%);
z-index: 5;
}
.bundle_reselect img {
object-fit: contain;
height: 32px;
padding: 6px;
border-radius: 100%;
}
#bundled_add_to_cart {
width: 100%;
margin-top: 20px;
}
.rating-label {
background-color: #FFFA00;
border-radius: 50px;
padding: 2px 16px;
font-size: 1rem;
text-transform: uppercase;
}
.inkl_versand {
font-size: 0.875rem;
}
#product-price:has(.inkl_versand) > .flex { align-items: baseline; }
#product-price:has(.inkl_versand) > .flex span { font-size: 1.5625rem; }
#product-price:has(.inkl_versand) > .flex s { font-size: 1.25rem; }
}
.fd-options-swatch a {
border-width: 2px !important;
padding: 4px !important;
}
.fd-options-swatch a.active[data-option-value="snake-lampe-gruen"],
.fd-options-swatch a.active[data-option-value="donut-lampe-gruen"] {
border-color: #318003 !important;
}
.fd-options-swatch a.active[data-option-value="snake-lampe-gelb"],
.fd-options-swatch a.active[data-option-value="donut-lampe-gelb"] {
border-color: #FBC935 !important;
}
.fd-options-swatch a.active[data-option-value="snake-lampe-rot"] {
border-color: #E80102 !important;
}
.fd-options-swatch a.active[data-option-value="donut-lampe-rosa"] {
border-color: #FBD1DD !important;
}
.fd-options-swatch a.active[data-option-value="orange-donut-lampe"] {
border-color: #FE7F01 !important;
}
.lamp_image_wrapper {
position: relative;
width: 100%;
aspect-ratio: 1/1;[14:34 Uhr]overflow: hidden;
border-radius: 20px;
}
.lamp_image_wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
transition: opacity 0.35s ease;
}
.lamp_img_hover {
opacity: 0;
}
.lamp_option:hover {
opacity: 1;
}
.lamp_option:hover .lamp_img_hover {
opacity: 1;
}
.lamp_option:hover .lamp_img_default {
opacity: 0;
}
#product-description img, .accordion-image img {
width: min(350px, 100%);
border-radius: 20px;
}
@media only screen and (max-width: 699px) {
.bundle_box_wrapper {
padding-bottom: 12px;
}
.bundle_box_wrapper:before {
font-size: 0.8rem;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-wrap-mode: nowrap;
}
.bundle_select_lamp svg {
width: 30px;
}
.bundle_lamp_display:after {
font-size: 0.7rem;
padding: 3px 16px;
}
.lamp_popup_inner {
padding-top: 40px;
margin-left: 60px;
margin-top: 0;
background: white;
padding-left: 20px;
padding-right: 16px;
}
.lamp_option img {
width: 100%;
}
.lamp_popup {
background: rgba(0, 0, 0, 0.75);
width: 100%;
}
.close_lamp_popup {
display: none;
}
.lamp_grid {
grid-template-columns: 1fr;
}
}
button.restock-rocket-button {
background: transparent !important;
color: #444 !important;
border: none !important;
width: 100% !important;
padding: 12px 16px !important;
font-size: 15px !important;
border-radius: 50px !important;
cursor: pointer !important;
margin-top: 8px !important;
white-space: normal !important;
}
button.restock-rocket-button:hover {
color: #000 !important;
text-decoration: underline !important;
opacity: 1 !important;
}
/* === Maxeville Custom Font (aus altem Vendor-CSS migriert 2026-05-29) === */

@font-face {
    font-family: "MaxevilleBold";
    src: url("/cdn/shop/files/maxeville-bold-webfont.woff2?v=1739973376") format("woff2"),
         url("/cdn/shop/files/maxeville-bold-webfont.woff2?v=1739973376") format("woff");
    font-weight: bold;
    font-style: normal;
}

:root {
    --type-font-body-family: "MaxevilleBold", sans-serif !important;
    --type-font-header-family: "MaxevilleBold", sans-serif !important;
}

/* Stelle sicher, dass der normale Text Maxeville bleibt */
h1, h2, h3, h4, h5, h6, body, p, span, div, a, li, button, input, textarea {
    font-family: 'MaxevilleBold', sans-serif !important;
}
/* === Banner Mobile-Fix (2026-05-29) ===
   Brickspace Banner-Bug: Mobile-Banner rendert zusätzlich
   einen SVG-Placeholder (Cartoon-Boot) für den leeren
   Desktop-Image-Slot. Mobile-Image rendert korrekt.
   Selector: SVG mit viewBox="0 0 1300 730" in Banner-Sections. */

[id^="shopify-section-template"][id*="__banner_"] svg[viewBox="0 0 1300 730"] {
  display: none !important;
}