/* NOVARIS CLEAN – Bereinigung und Logo-Veredelung der Startseite */ /* Auf der Startseite werden Telefonnummern und WhatsApp-Aufrufe vollständig ausgeblendet. */ body.is-home-cleanup #root a[href^="tel:"], body.is-home-cleanup #root a[href*="wa.me"]:not(.floating-whatsapp) { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* Der Header erhält einen klaren schwarzen Markenbalken als Bühne für das goldene Logo. */ body.is-home-cleanup #root > div > nav.fixed { background: linear-gradient(90deg, #000000 0%, #060606 58%, #000000 100%) !important; border-bottom: 1px solid rgba(214, 175, 89, 0.38) !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.50) !important; } /* Der linke WhatsApp-Kreis bleibt als klarer, pulsierender Kontaktweg sichtbar. */ body.is-home-cleanup #root a.floating-whatsapp { display: inline-flex !important; visibility: visible !important; pointer-events: auto !important; position: fixed !important; left: 30px !important; right: auto !important; bottom: 36px !important; z-index: 60 !important; background: linear-gradient(135deg, #f7e6ad 0%, #d6af59 45%, #9a712d 100%) !important; border: 1px solid rgba(255, 244, 207, 0.88) !important; color: #0a0907 !important; animation: novaris-left-whatsapp-pulse 2.1s ease-in-out infinite !important; } body.is-home-cleanup #root a.floating-whatsapp svg, body.is-home-cleanup #root a.floating-whatsapp i { color: #0a0907 !important; fill: #0a0907 !important; } @keyframes novaris-left-whatsapp-pulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(214, 175, 89, 0.68), 0 5px 16px rgba(0, 0, 0, 0.36); } 50% { transform: scale(1.08); box-shadow: 0 0 0 13px rgba(214, 175, 89, 0), 0 7px 19px rgba(0, 0, 0, 0.42); } } /* Das linke Markenlogo im festen Header erhält eine goldene, polierte Anmutung. */ body.is-home-cleanup #root > div > nav.fixed > .container > a:first-child { position: relative !important; display: inline-flex !important; align-items: center !important; overflow: hidden !important; padding: 0.22rem 0.38rem !important; border: 1px solid rgba(232, 208, 153, 0.46) !important; border-radius: 3px !important; background: linear-gradient(135deg, rgba(255, 248, 231, 0.11), rgba(201, 165, 103, 0.08) 45%, rgba(0, 0, 0, 0.10)) !important; box-shadow: 0 0 0 1px rgba(102, 74, 20, 0.22) inset, 0 5px 18px rgba(201, 165, 103, 0.22) !important; } body.is-home-cleanup #root > div > nav.fixed > .container > a:first-child img[src*="logo"], footer img[src*="logo"] { content: url("/assets/logo-premium.webp") !important; filter: none !important; max-height: 52px !important; width: auto !important; object-fit: contain !important; display: block !important; margin: 0 !important; } body.is-home-cleanup #root > div > nav.fixed > .container > a:first-child { display: flex !important; align-items: center !important; justify-content: center !important; height: 64px !important; padding: 0 10px !important; } @media (max-width: 767px) { body.is-home-cleanup #root > div > nav.fixed > .container > a:first-child img[src*="logo"] { max-height: 42px !important; } body.is-home-cleanup #root > div > nav.fixed > .container > a:first-child { height: 56px !important; } } body.is-home-cleanup #root > div > nav.fixed > .container > a:first-child::after { content: "" !important; position: absolute !important; top: -45% !important; left: -58% !important; width: 34% !important; height: 190% !important; transform: rotate(21deg) !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.10), rgba(255, 248, 231, 0.76), rgba(255, 255, 255, 0.08), transparent) !important; animation: novaris-logo-polish 5.5s ease-in-out infinite !important; pointer-events: none !important; } @keyframes novaris-logo-polish { 0%, 46% { transform: translateX(0) rotate(21deg); opacity: 0; } 52% { opacity: 0.9; } 70% { transform: translateX(500%) rotate(21deg); opacity: 0; } 100% { transform: translateX(500%) rotate(21deg); opacity: 0; } } @media (prefers-reduced-motion: reduce) { body.is-home-cleanup #root > div > nav.fixed > .container > a:first-child::after { animation: none !important; opacity: 0 !important; } } /* Finaler Startseitenzustand: genau ein goldener, pulsierender WhatsApp-Kreis. */ body.is-home-cleanup #root a.floating-whatsapp { display: none !important; visibility: hidden !important; pointer-events: none !important; } body.is-home-cleanup:not(.is-contact-route) a#novaris-global-whatsapp { display: inline-flex !important; visibility: visible !important; pointer-events: auto !important; opacity: 1 !important; } /* Sichtbare Telefonnummern bleiben auf der Startseite vollständig entfernt; strukturierte SEO-Daten bleiben unverändert. */ body.is-home-cleanup #root a[href^="tel:"] { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* Versionssperre für den alten Hero-CTA: unabhängig von späteren Skripten oder Body-Klassen. */ html body #root section[data-loc="client/src/pages/Home.tsx:66"] > .container > div[data-loc="client/src/pages/Home.tsx:80"] { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* Mobile Hero-Komposition: Bild 1 als Zielansicht – Textbereich deutlich höher, ohne Desktop/Tablet zu verändern. */ @media (max-width: 767px) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:66"] > .container { transform: translate3d(0, -6rem, 0) !important; will-change: transform; } } /* Mobile Feineinstellung: WhatsApp etwas tiefer, ohne Tablet oder Desktop zu beeinflussen. */ @media (max-width: 767px) { body.novaris-stable.is-home-cleanup:not(.is-contact-route) a#novaris-global-whatsapp { bottom: max(12px, env(safe-area-inset-bottom)) !important; } } /* Mobile Premium-Hero: das hochformatige Maschinenmotiv wird vollständig und höher rechts gezeigt. Der ruhige schwarze Verlauf schützt den linken Textbereich ohne eine Bildskalierung oder Desktop-/Tablet-Einfluss. */ @media (max-width: 767px) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:66"] { background: #080705 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:66"]::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient(90deg, rgba(8,7,5,.98) 0%, rgba(8,7,5,.94) 51%, rgba(8,7,5,.48) 72%, rgba(8,7,5,.06) 100%) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:66"] img[src*="novaris-machine-master-v1"] { object-fit: contain !important; object-position: 100% 18% !important; transform: none !important; } } /* iPhone-Referenz (verbindlich): bildfüllender Hero, Maschine rechts unter dem goldenen Titelfach. */ @media (max-width: 767px) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:66"]::after { content: none !important; display: none !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:66"] img[src*="novaris-machine-master-v1"] { object-fit: cover !important; object-position: 84% center !important; transform: none !important; } } /* iPhone-Feinabgleich: Textfeld und Maschinenmotiv folgen der verbindlichen Zielaufnahme. */ @media (max-width: 767px) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:66"] > .container { transform: translate3d(0, -8rem, 0) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:66"] img[src*="novaris-machine-master-v1"] { transform: translate3d(0, -4rem, 0) !important; will-change: transform !important; } } /* Startseite – Leistungsbühne: Editoriales Premium-Raster statt einfacher Standardkarten. */ html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] { position: relative !important; isolation: isolate !important; overflow: hidden !important; padding: clamp(4.8rem, 8vw, 8rem) 0 !important; background: radial-gradient(circle at 86% 10%, rgba(201,168,76,.13), transparent 25rem), radial-gradient(circle at 12% 88%, rgba(201,168,76,.07), transparent 24rem), linear-gradient(145deg, #070707 0%, #0d0c0a 48%, #060606 100%) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"]::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; pointer-events: none !important; opacity: .52 !important; background-image: linear-gradient(rgba(218,177,87,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(218,177,87,.06) 1px, transparent 1px) !important; background-size: 4.5rem 4.5rem !important; mask-image: linear-gradient(120deg, transparent 0%, #000 28%, #000 75%, transparent 100%) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] > .container { position: relative !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:123"] { align-items: flex-end !important; margin-bottom: clamp(2.4rem, 5vw, 4rem) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] p[data-loc="client/src/pages/Home.tsx:125"] { display: flex !important; align-items: center !important; gap: .75rem !important; margin-bottom: .95rem !important; color: #e3bf67 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] p[data-loc="client/src/pages/Home.tsx:125"]::before { content: "" !important; display: inline-block !important; width: 2.35rem !important; height: 1px !important; flex: 0 0 auto !important; background: linear-gradient(90deg, #f4d98d, #9f732a) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] h2[data-loc="client/src/pages/Home.tsx:126"] { max-width: 13ch !important; color: #fffdf8 !important; font-family: "Playfair Display", Georgia, serif !important; font-weight: 900 !important; letter-spacing: -.055em !important; line-height: .94 !important; text-wrap: balance !important; text-shadow: 0 12px 36px rgba(0,0,0,.55) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] button[data-loc="client/src/pages/Home.tsx:129"] { position: relative !important; overflow: hidden !important; min-height: 3.15rem !important; padding-inline: 1.35rem !important; color: #f4d98d !important; border-color: rgba(244,217,141,.8) !important; background: rgba(9,8,6,.58) !important; box-shadow: 0 0 0 1px rgba(149,103,34,.24) inset, 0 13px 30px rgba(0,0,0,.28) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] { display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important; gap: 1rem !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group { position: relative !important; min-width: 0 !important; border: 1px solid rgba(222,183,93,.26) !important; border-radius: 3px !important; background: linear-gradient(145deg, rgba(23,21,17,.98), rgba(9,9,8,.99)) !important; box-shadow: 0 1px 0 rgba(255,244,207,.06) inset, 0 22px 42px rgba(0,0,0,.27) !important; transition: transform .42s cubic-bezier(.2,.8,.2,1), border-color .42s ease, box-shadow .42s ease !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group::before { content: "" !important; position: absolute !important; z-index: 4 !important; top: -1px !important; left: -1px !important; width: 4.1rem !important; height: 4.1rem !important; pointer-events: none !important; border-top: 2px solid #e4c16d !important; border-left: 2px solid #e4c16d !important; opacity: .86 !important; transition: width .42s ease, height .42s ease, opacity .42s ease !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:143"] { height: clamp(15rem, 25vw, 18.5rem) !important; background: #111 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] img[data-loc="client/src/pages/Home.tsx:145"] { filter: brightness(.9) contrast(1.12) saturate(.88) !important; transform: scale(1.015) !important; transition: transform .75s cubic-bezier(.2,.8,.2,1), filter .55s ease !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:147"] { z-index: 1 !important; background: linear-gradient(0deg, rgba(5,5,4,.94) 0%, rgba(5,5,4,.25) 52%, rgba(5,5,4,.04) 100%) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:149"] { position: relative !important; z-index: 2 !important; min-height: 12.4rem !important; padding: 1.55rem 1.45rem 1.45rem !important; background: linear-gradient(135deg, #12110f 0%, #0a0a09 100%) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] h3[data-loc="client/src/pages/Home.tsx:152"] { color: #fffdf8 !important; font-size: .92rem !important; letter-spacing: .125em !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] p[data-loc="client/src/pages/Home.tsx:154"] { max-width: 31rem !important; color: rgba(255,250,238,.62) !important; font-size: .79rem !important; line-height: 1.65 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] span[data-loc="client/src/pages/Home.tsx:156"] { position: relative !important; margin-top: 1.25rem !important; padding-bottom: .38rem !important; color: #f1ce79 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] span[data-loc="client/src/pages/Home.tsx:156"]::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 2.2rem !important; height: 1px !important; background: #d6af59 !important; transition: width .35s ease !important; } @media (hover: hover) and (pointer: fine) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:hover { z-index: 3 !important; transform: translateY(-.45rem) !important; border-color: rgba(244,217,141,.76) !important; box-shadow: 0 1px 0 rgba(255,244,207,.16) inset, 0 29px 54px rgba(0,0,0,.48), 0 0 0 1px rgba(201,168,76,.12) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:hover::before { width: 6.7rem !important; height: 6.7rem !important; opacity: 1 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:hover img[data-loc="client/src/pages/Home.tsx:145"] { filter: brightness(1.04) contrast(1.13) saturate(1) !important; transform: scale(1.075) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:hover span[data-loc="client/src/pages/Home.tsx:156"]::after { width: 100% !important; } } @media (min-width: 640px) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1.25rem !important; } } @media (min-width: 1024px) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 1.35rem !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(1) { grid-column: span 7 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(2) { grid-column: span 5 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(3), html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(4), html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(5) { grid-column: span 4 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(6) { grid-column: span 5 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(7) { grid-column: span 7 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(8), html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(9) { grid-column: span 6 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(1) div[data-loc="client/src/pages/Home.tsx:143"], html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(2) div[data-loc="client/src/pages/Home.tsx:143"] { height: 22rem !important; } } @media (max-width: 639px) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] { padding: 4.75rem 0 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:123"] { align-items: flex-start !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] button[data-loc="client/src/pages/Home.tsx:129"] { width: 100% !important; justify-content: center !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:143"] { height: 15.25rem !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:149"] { min-height: 11.4rem !important; padding: 1.35rem 1.2rem 1.25rem !important; } } @media (prefers-reduced-motion: reduce) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] *, html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] *::before, html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] *::after { transition: none !important; } } /* Startseite – Leistungen bewegen sich beim Scrollen ruhig aus der Bildbühne heraus. */ @media (prefers-reduced-motion: no-preference) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group[data-novaris-service-reveal="pending"] { opacity: 0 !important; transform: perspective(950px) translate3d(0, 2.15rem, 0) rotateX(4.5deg) !important; transform-origin: 50% 100% !important; transition: opacity .56s ease, transform .76s cubic-bezier(.16, 1, .3, 1), border-color .42s ease, box-shadow .42s ease !important; transition-delay: var(--novaris-service-delay, 0ms) !important; will-change: transform, opacity !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group[data-novaris-service-reveal="shown"] { opacity: 1 !important; transform: perspective(950px) translate3d(0, 0, 0) rotateX(0deg) !important; transition: opacity .56s ease, transform .76s cubic-bezier(.16, 1, .3, 1), border-color .42s ease, box-shadow .42s ease !important; transition-delay: var(--novaris-service-delay, 0ms) !important; } @media (max-width: 767px) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group[data-novaris-service-reveal="pending"] { transform: translate3d(0, 1.45rem, 0) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group[data-novaris-service-reveal="shown"] { transform: translate3d(0, 0, 0) !important; } } } @media (prefers-reduced-motion: reduce) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group[data-novaris-service-reveal] { opacity: 1 !important; transform: none !important; } } /* Startseite – deutlich sichtbarer seitlicher Reveal für die Leistungsbühne. */ @media (prefers-reduced-motion: no-preference) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group[data-novaris-service-reveal="pending"] { opacity: 0 !important; transform-origin: 50% 50% !important; transition: opacity .38s ease, transform .9s cubic-bezier(.16, 1, .3, 1), border-color .42s ease, box-shadow .42s ease !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(odd)[data-novaris-service-reveal="pending"] { transform: perspective(1050px) translate3d(-4.25rem, 1rem, 0) rotateY(8deg) rotateX(1.8deg) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(even)[data-novaris-service-reveal="pending"] { transform: perspective(1050px) translate3d(4.25rem, 1rem, 0) rotateY(-8deg) rotateX(1.8deg) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group[data-novaris-service-reveal="shown"] { opacity: 1 !important; transform: perspective(1050px) translate3d(0, 0, 0) rotateY(0deg) rotateX(0deg) !important; transition: opacity .38s ease, transform .9s cubic-bezier(.16, 1, .3, 1), border-color .42s ease, box-shadow .42s ease !important; transition-delay: var(--novaris-service-delay, 0ms) !important; } @media (hover: hover) and (pointer: fine) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group[data-novaris-service-reveal="shown"]:hover { transform: perspective(1050px) translate3d(0, -.45rem, 0) rotateY(0deg) rotateX(0deg) !important; } } @media (max-width: 767px) { html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(odd)[data-novaris-service-reveal="pending"] { transform: perspective(800px) translate3d(-2.65rem, .7rem, 0) rotateY(6deg) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group:nth-child(even)[data-novaris-service-reveal="pending"] { transform: perspective(800px) translate3d(2.65rem, .7rem, 0) rotateY(-6deg) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:121"] div[data-loc="client/src/pages/Home.tsx:138"] > .group[data-novaris-service-reveal="shown"] { transform: translate3d(0, 0, 0) !important; } } } /* v22 – Kundenstimmen: ruhige Premium-Komposition ohne doppelte Bildwirkung */ html.is-home-cleanup body #root section.novaris-home-testimonials { position: relative; overflow: hidden; background: radial-gradient(circle at 85% 18%, rgba(201, 168, 76, .10), transparent 30%), linear-gradient(145deg, #080807 0%, #10100d 52%, #080807 100%) !important; border-top: 1px solid rgba(201, 168, 76, .14); border-bottom: 1px solid rgba(201, 168, 76, .12); } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-reference-image, html.is-home-cleanup body #root section.novaris-home-testimonials .mb-6.overflow-hidden:has(img) { display: none !important; } html.is-home-cleanup body #root section.novaris-home-testimonials .max-w-2xl { max-width: 46rem !important; } html.is-home-cleanup body #root section.novaris-home-testimonials .max-w-2xl > .relative.p-8 { position: relative; padding: clamp(1.75rem, 4vw, 2.7rem) !important; background: linear-gradient(145deg, rgba(21,21,18,.98), rgba(10,10,9,.99)) !important; border: 1px solid rgba(201, 168, 76, .30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 20px 55px rgba(0,0,0,.22); } html.is-home-cleanup body #root section.novaris-home-testimonials .max-w-2xl > .relative.p-8::before { content: "GOOGLE-BEWERTUNG"; display: block; margin: 0 0 1rem; color: #d8b55d; font-family: Raleway, sans-serif; font-size: .62rem; font-weight: 800; letter-spacing: .20em; } html.is-home-cleanup body #root section.novaris-home-testimonials .max-w-2xl > .relative.p-8 > .font-black.mb-4 { margin-bottom: 1.05rem !important; color: #d8b55d !important; font-family: Georgia, 'Times New Roman', serif !important; font-size: clamp(3.5rem, 7vw, 4.75rem) !important; line-height: .65 !important; } html.is-home-cleanup body #root section.novaris-home-testimonials button.w-10, html.is-home-cleanup body #root section.novaris-home-testimonials button.w-2 { display: none !important; } @media (max-width: 767px) { html.is-home-cleanup body #root section.novaris-home-testimonials { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } html.is-home-cleanup body #root section.novaris-home-testimonials .text-center.mb-12 { margin-bottom: 2.1rem !important; } html.is-home-cleanup body #root section.novaris-home-testimonials .text-center.mb-12 h2 { max-width: 21rem; margin-left: auto !important; margin-right: auto !important; font-size: clamp(2rem, 9.1vw, 2.55rem) !important; line-height: 1.03 !important; } html.is-home-cleanup body #root section.novaris-home-testimonials .text-center.mb-12 .flex.items-center.justify-center.gap-2 { flex-wrap: wrap; row-gap: .4rem; } html.is-home-cleanup body #root section.novaris-home-testimonials .text-center.mb-12 .text-xs { width: 100%; } html.is-home-cleanup body #root section.novaris-home-testimonials .max-w-2xl > .relative.p-8 { padding: 1.7rem !important; } } @media (prefers-reduced-motion: reduce) { html.is-home-cleanup body #root section.novaris-home-testimonials * { transition: none !important; } } /* v23 – Drei echte Kundenstimmen statt einer leeren Einzelkarte */ html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; max-width: 68rem; margin: 0 auto; } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note { position: relative; display: flex; min-height: 15.5rem; flex-direction: column; justify-content: space-between; padding: 1.65rem; overflow: hidden; background: linear-gradient(145deg, rgba(21,21,18,.98), rgba(9,9,8,.99)); border: 1px solid rgba(201,168,76,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 18px 40px rgba(0,0,0,.20); } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note::before { content: "“"; position: absolute; top: .2rem; right: .85rem; color: rgba(216,181,93,.13); font-family: Georgia, serif; font-size: 7.5rem; font-weight: 700; line-height: 1; pointer-events: none; } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note:nth-child(2) { transform: translateY(1.2rem); border-color: rgba(216,181,93,.42); background: linear-gradient(145deg, rgba(33,30,22,.98), rgba(12,11,9,.99)); } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note-stars { position: relative; z-index: 1; color: #d8b55d; font-size: .78rem; letter-spacing: .20em; } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note blockquote { position: relative; z-index: 1; margin: 1.25rem 0; color: rgba(255,252,244,.88); font-family: 'Playfair Display', Georgia, serif; font-size: 1.08rem; font-style: normal; line-height: 1.48; } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note footer { position: relative; z-index: 1; display: grid; gap: .24rem; padding-top: .85rem; border-top: 1px solid rgba(216,181,93,.18); } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note footer strong { color: #fffdf8; font-family: Raleway, sans-serif; font-size: .84rem; } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note footer span { color: rgba(255,255,255,.44); font-size: .70rem; } @media (max-width: 767px) { html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-trio { grid-template-columns: 1fr; gap: .85rem; } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note { min-height: 0; padding: 1.45rem 1.35rem; } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note:nth-child(2) { transform: none; } html.is-home-cleanup body #root section.novaris-home-testimonials .novaris-review-note blockquote { margin: .95rem 0 1.15rem; font-size: 1.02rem; } } /* v26 – Mobilmenü: vollständig eigenständige, undurchsichtige Navigation */ @media (max-width: 1023px) { html body #root nav.fixed { z-index: 9998 !important; } html body #root nav.fixed > div[data-loc="client/src/components/Navbar.tsx:113"] { z-index: 9999 !important; min-height: 100dvh !important; height: 100dvh !important; overflow-y: auto !important; overscroll-behavior: contain !important; background: #050505 !important; background-image: radial-gradient(circle at 92% 0%, rgba(201,168,76,.10), transparent 28rem) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; contain: paint !important; } html body #root nav.fixed > div[data-loc="client/src/components/Navbar.tsx:113"]::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; background: #050505 !important; pointer-events: none !important; } html body #root nav.fixed > div[data-loc="client/src/components/Navbar.tsx:113"] > * { position: relative !important; z-index: 1 !important; } html:has(body #root nav.fixed button svg.lucide-x) body { overflow: hidden !important; touch-action: none !important; } html:has(body #root nav.fixed button svg.lucide-x) body #root nav.fixed > div[data-loc="client/src/components/Navbar.tsx:113"] { touch-action: pan-y !important; } } /* v27 – finaler DOM-Selektor für das Mobilmenü-Overlay */ @media (max-width: 1023px) { html body #root div[data-loc="client/src/components/Navbar.tsx:113"] { z-index: 9999 !important; min-height: 100dvh !important; height: 100dvh !important; overflow-y: auto !important; overscroll-behavior: contain !important; background: #050505 !important; background-image: radial-gradient(circle at 92% 0%, rgba(201,168,76,.10), transparent 28rem) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; contain: paint !important; } html body #root div[data-loc="client/src/components/Navbar.tsx:113"]::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; background: #050505 !important; pointer-events: none !important; } html body #root div[data-loc="client/src/components/Navbar.tsx:113"] > * { position: relative !important; z-index: 1 !important; } html:has(body #root nav.fixed button svg.lucide-x) body { overflow: hidden !important; touch-action: none !important; } html:has(body #root nav.fixed button svg.lucide-x) body #root div[data-loc="client/src/components/Navbar.tsx:113"] { touch-action: pan-y !important; } } /* v28 – Karriere-Hero: nur das Markenlogo im Header, keine doppelte große Logoausgabe */ body.novaris-jobs-enhanced #root img[data-loc="client/src/pages/Jobs.tsx:17b"] { display: none !important; } body.novaris-jobs-enhanced #root .premium-fade:has(img[data-loc="client/src/pages/Jobs.tsx:17b"]) { min-height: clamp(22rem, 53vw, 35rem) !important; display: grid !important; align-content: center !important; padding-top: clamp(7.5rem, 14vw, 10rem) !important; padding-bottom: clamp(3.5rem, 8vw, 6rem) !important; } @media (max-width: 767px) { body.novaris-jobs-enhanced #root .premium-fade:has(img[data-loc="client/src/pages/Jobs.tsx:17b"]) { min-height: 25rem !important; padding-top: 7.1rem !important; padding-bottom: 3.5rem !important; } } /* v29 – Mobile Stabilität: keine künstlichen Ladevorhänge, klare Kontaktwege, konsistente Marken-Typografie */ html.novaris-route-pending #root { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } html, body { max-width: 100%; overflow-x: clip; } /* Mobile Kontaktangaben: Die vorhandenen Telefonlinks im Footer bleiben immer lesbar und direkt antippbar. */ @media (max-width: 767px) { body.is-home-cleanup #root a[href^="tel:"][style*="height"], body.is-home-cleanup #root a[href^="tel:"].mt-3 { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } body.is-home-cleanup #root a[href^="tel:"][style*="height"] { align-items: center; min-height: 1.75rem; height: auto !important; color: rgba(255, 255, 255, .74) !important; font-family: Raleway, Arial, sans-serif !important; font-size: .94rem !important; font-weight: 500 !important; letter-spacing: .01em !important; line-height: 1.55 !important; text-decoration: none !important; } /* Die Über-uns-Bühne behält die gleiche Display- und Akzentschriftfamilie wie die Startseite. */ body.novaris-about-elevated .novaris-about-hero h1 { font-family: "Playfair Display", Georgia, serif !important; font-weight: 700 !important; letter-spacing: -.052em !important; line-height: .92 !important; } body.novaris-about-elevated .novaris-about-hero h1 span { font-family: Raleway, Arial, sans-serif !important; font-style: normal !important; font-weight: 900 !important; letter-spacing: -.07em !important; } body.novaris-about-elevated .novaris-about-hero p, body.novaris-about-elevated .novaris-about-premium-stage p { font-family: Raleway, Arial, sans-serif !important; } } /* Karriere: nur das Header-Logo, keine doppelte große Logoausgabe im Hero – auch ohne Nachlade-Skript. */ body #root .premium-fade img[data-loc="client/src/pages/Jobs.tsx:17b"] { display: none !important; } /* Galerie-Inhalt nie als verzögerter Vollseiten-Vorhang rendern. */ body:has(main) main { content-visibility: visible; } /* v30 – Jobs: sichtbares Teammotiv direkt im DOM, ohne Rückkehr des doppelten Logos oder einer Nachlade-Kaskade. */ body #root .premium-fade:has(.novaris-jobs-team-visual) { position: relative !important; isolation: isolate !important; min-height: clamp(24rem, 48vw, 38rem) !important; display: grid !important; place-items: center !important; overflow: hidden !important; background-image: none !important; background-color: #080806 !important; } body #root .premium-fade .novaris-jobs-team-visual { position: absolute !important; z-index: 1 !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; filter: brightness(1.02) saturate(.92) contrast(1.04) !important; } body #root .premium-fade:has(.novaris-jobs-team-visual)::before { content: "" !important; position: absolute !important; z-index: 2 !important; inset: 0 !important; pointer-events: none !important; background: linear-gradient(90deg, rgba(5,5,4,.40), rgba(5,5,4,.08) 52%, rgba(5,5,4,.34)), linear-gradient(180deg, rgba(5,5,4,.04), rgba(5,5,4,.26)) !important; } body #root .premium-fade:has(.novaris-jobs-team-visual) > :not(.novaris-jobs-team-visual) { position: relative !important; z-index: 3 !important; } @media (max-width: 767px) { body #root .premium-fade:has(.novaris-jobs-team-visual) { min-height: 25rem !important; padding: 6.9rem 1.25rem 3.3rem !important; } body #root .premium-fade .novaris-jobs-team-visual { object-position: 54% center !important; filter: brightness(1.04) saturate(.94) contrast(1.03) !important; } } /* v32 – Mobile Feinschliff: Kontakt ruhig einheitlich, Startseite ohne Formular, Galerie als klare Bildbühne. */ @media (max-width: 767px) { /* Sichtbar und antippbar, aber exakt so zurückhaltend wie Adresse und E-Mail. */ #root footer a[href^="tel:"] { display: inline-block !important; min-height: 1.5rem !important; color: rgba(255, 255, 255, .50) !important; font-family: Raleway, Arial, sans-serif !important; font-size: .875rem !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.7 !important; opacity: 1 !important; text-decoration: none !important; } /* Die eigenständige Kontaktseite bleibt erhalten; nur das doppelte Formular der Startseite fällt weg. */ html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:286"] { display: none !important; } /* Startseiten-Galerie: ein großer Einstieg und vier gleichmäßige, sauber gerahmte Detailkacheln. */ html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:189"] div.grid:has(> div > img[alt^="Galerie"]) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .85rem !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:189"] div.group:has(> img[alt^="Galerie"]) { aspect-ratio: 1 / 1 !important; overflow: hidden !important; border: 1px solid rgba(214, 175, 89, .34) !important; border-radius: 2px !important; background: #0d0c0a !important; box-shadow: 0 9px 22px rgba(0, 0, 0, .24) !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:189"] div.group:has(> img[alt^="Galerie"]):first-child { grid-column: 1 / -1 !important; aspect-ratio: 16 / 9 !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:189"] img[alt^="Galerie"] { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; filter: brightness(.96) contrast(1.04) saturate(.93) !important; transform: none !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:189"] img[alt="Galerie 1"] { object-position: 50% 49% !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:189"] img[alt="Galerie 2"] { object-position: 51% 60% !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:189"] img[alt="Galerie 3"] { object-position: 50% 50% !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:189"] img[alt="Galerie 4"] { object-position: 50% 48% !important; } html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:189"] img[alt="Galerie 5"] { object-position: 50% 48% !important; } } /* Das Formular ist ausschließlich auf der eigenständigen Kontaktseite vorgesehen – auf der Startseite auf jedem Gerät entfernt. */ html.is-home-cleanup body #root section[data-loc="client/src/pages/Home.tsx:286"] { display: none !important; } /* v34 – Der Footer ist kein semantisches