/* Ivalox – Design aus der Windows-App („Design“), automatisch erzeugt (Version 1793999586) */
:root { --iv-primary: #000000; --iv-primary-hover: #000000; --iv-primary-container: #333333; --iv-primary-soft: #f0f0f0; --iv-ring: 0 0 0 3px rgb(0 0 0 / 0.25); --iv-glow: 0 0 0 1px rgb(0 0 0 / 0.6); --iv-on-primary: #ffffff; --iv-accent: #ffffff; --iv-accent-soft: #ffffff; --iv-on-accent: #0a0a0a; --iv-sky: #e8cd9b; --iv-text-muted: #000000; --iv-text-subtle: #333333; --iv-outline: #333333; --iv-border: #ffffff; --iv-border-strong: #dadada; --iv-header-bg: #000000; --iv-header-text: #ffffff; --iv-header-muted: #a6a6a6; --iv-header-line: rgb(255 255 255 / 0.12); --iv-header-hover-bg: rgb(255 255 255 / 0.08); --iv-header-strong: #ffffff; --iv-footer-bg: #000000; --iv-footer-text: #ffffff; --iv-footer-muted: #a6a6a6; --iv-footer-line: rgb(255 255 255 / 0.12); --iv-footer-hover-bg: rgb(255 255 255 / 0.08); --iv-footer-strong: #ffffff; --iv-footer-outline: rgb(255 255 255 / 0.55); }
:root, .hero-home--image { --iv-radius-btn: 9999px; --iv-btn-primary-bg: #e8cd9b; --iv-btn-primary-color: #0a0a0a; --iv-btn-primary-hover-bg: #c5ae84; }
@font-face { font-family: "Ivalox Body"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/public/medien/design/84089a39eca1177e1cb79ece8533de0a.ttf") format("truetype"); }
@font-face { font-family: "Ivalox Subheading"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/public/medien/design/2a14183962355f6ff7d95194946842ab.ttf") format("truetype"); }
@font-face { font-family: "Ivalox Heading"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/public/medien/design/c5d1cbb61341acfd89947dea88001807.ttf") format("truetype"); }
@font-face { font-family: "Ivalox Price"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/public/medien/design/22cb55f4b238c66d9ec26cd60b1d8526.ttf") format("truetype"); }
:root { --iv-font-body: "Ivalox Body", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --iv-font-ui: "Ivalox Body", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-sans: "Ivalox Body", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
:root { --iv-font-heading: "Ivalox Heading", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --font-display: "Ivalox Heading", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
:root { --iv-font-subheading: "Ivalox Subheading", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
:root { --iv-font-price: "Ivalox Price", "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.price-old, .product-tile__compare, .price-summary dd, .design-offer__prices dd { font-family: var(--iv-font-price); }
.site-header__logo { height: 60px; width: auto; max-width: 42vw; object-fit: contain; }
@media (min-width: 1024px) { .site-header__logo { height: 80px; width: auto; max-width: 24rem; object-fit: contain; } }
.site-footer .brand__logo { height: 72px; width: auto; max-width: 100%; object-fit: contain; }
.logo-stage img { width: auto; height: 220px; max-width: 100%; aspect-ratio: auto; object-fit: contain; mix-blend-mode: normal; }
.hero__visual:not(.hero__visual--photo) img { width: auto; max-width: 80%; height: auto; max-height: 70%; aspect-ratio: auto; object-fit: contain; mix-blend-mode: normal; }
.hero-home--image { background-image: linear-gradient(180deg, rgb(0 0 0 / 0.298) 0%, rgb(0 0 0 / 0.5) 100%), url("/public/medien/design/254b391f9170ed487fa910def7d56b9a.jpg"); background-image: linear-gradient(180deg, rgb(0 0 0 / 0.298) 0%, rgb(0 0 0 / 0.5) 100%), image-set(url("/public/medien/design/a10412c655ea5365b5dfd32ce12557a9.webp") type("image/webp"), url("/public/medien/design/254b391f9170ed487fa910def7d56b9a.jpg") type("image/jpeg")); }
@media (min-width: 961px) { .hero-home--image { background-image: linear-gradient(180deg, rgb(0 0 0 / 0.298) 0%, rgb(0 0 0 / 0.5) 100%), url("/public/medien/design/ed4775b886baaaa5f9b8d3253db3b2ee.jpg"); background-image: linear-gradient(180deg, rgb(0 0 0 / 0.298) 0%, rgb(0 0 0 / 0.5) 100%), image-set(url("/public/medien/design/7a690d156a96838ebe9c3de2306715e6.webp") type("image/webp"), url("/public/medien/design/ed4775b886baaaa5f9b8d3253db3b2ee.jpg") type("image/jpeg")); } }
@media (min-width: 1601px), (min-width: 1000px) and (min-resolution: 2dppx) { .hero-home--image { background-image: linear-gradient(180deg, rgb(0 0 0 / 0.298) 0%, rgb(0 0 0 / 0.5) 100%), url("/public/medien/design/05e493b41e63130651f6df6c760d3bc1.jpg"); background-image: linear-gradient(180deg, rgb(0 0 0 / 0.298) 0%, rgb(0 0 0 / 0.5) 100%), image-set(url("/public/medien/design/c48e4df302474b581e9e5765bc5f3767.webp") type("image/webp"), url("/public/medien/design/05e493b41e63130651f6df6c760d3bc1.jpg") type("image/jpeg")); } }