/** * Kapitel-Bilder in Boxen — Produktion (alexlamberti.ch). */ /* Keine Vollseiten-Hintergründe — nur Boxen */ body.welten-chapter-visuals--on .slide:not(#slide-home)::after { opacity: 0.08 !important; animation: none !important; } body.welten-chapter-visuals--on[data-world="general"] .slide:not(#slide-home)::after, body.welten-chapter-visuals--on[data-world="general"] .slide.active:not(#slide-home)::before { display: none !important; content: none !important; opacity: 0 !important; background: none !important; } body.welten-chapter-visuals--on .slide.active:not(#slide-home)::before { background-image: none !important; animation: none !important; } /* ── Kapitel-Box (Bild direkt in der Glass-Card) ── */ body.welten-chapter-visuals--on .welten-chapter-box { position: relative; overflow: hidden; isolation: isolate; background: transparent !important; border-radius: clamp(16px, 2.2vw, 24px) !important; padding: clamp(20px, 3.5vw, 36px) !important; margin-bottom: clamp(1rem, 2.5vw, 1.75rem); } body.welten-chapter-visuals--on .welten-chapter-box__bg { position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: scale(1.02); transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1); } body.welten-chapter-visuals--on .welten-chapter-box:hover .welten-chapter-box__bg { transform: scale(1.05); } body.welten-chapter-visuals--on .welten-chapter-box__scrim { position: absolute; inset: 0; z-index: 1; pointer-events: none; } body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box__scrim { background: linear-gradient( 155deg, rgba(2, 7, 17, 0.84) 0%, rgba(2, 7, 17, 0.52) 42%, rgba(2, 7, 17, 0.76) 100% ); } body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box__scrim { background: linear-gradient( 155deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.50) 45%, rgba(0, 0, 0, 0.82) 100% ); } body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box__scrim { background: linear-gradient( 155deg, rgba(20, 10, 28, 0.88) 0%, rgba(20, 10, 28, 0.56) 45%, rgba(20, 10, 28, 0.84) 100% ); } body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box__scrim { background: linear-gradient( 155deg, rgba(5, 7, 13, 0.82) 0%, rgba(5, 7, 13, 0.48) 42%, rgba(5, 7, 13, 0.78) 100% ); } body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box__strip-scrim { background: linear-gradient(90deg, rgba(5, 7, 13, 0.78), rgba(5, 7, 13, 0.42), rgba(5, 7, 13, 0.78)); } body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box, body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box .prose { color: #eef3ff; } body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box h2, body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box h3, body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box .section-title, body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box__strip-text { background: linear-gradient(90deg, #5ec4ff 0%, #9b6bff 22%, #ff59b2 48%, #ff9b37 72%, #ffd86a 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; } body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box .chapter-label { color: #ff59b2 !important; letter-spacing: 0.14em; } body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box .welten-faq__panel, body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box .contact-actions a { color: #eef3ff !important; } body.welten-chapter-visuals--on .welten-chapter-box > :not(.welten-chapter-box__bg):not(.welten-chapter-box__scrim):not(.welten-chapter-box__strip) { position: relative; z-index: 2; } /* CTA-Streifen innerhalb Kontakt-Box */ body.welten-chapter-visuals--on .welten-chapter-box__strip { position: relative; z-index: 2; margin: 0 0 clamp(1rem, 2.5vw, 1.5rem); min-height: clamp(88px, 16vw, 130px); border-radius: clamp(12px, 1.8vw, 18px); overflow: hidden; display: flex; align-items: center; justify-content: center; isolation: isolate; } body.welten-chapter-visuals--on .welten-chapter-box__strip-bg, body.welten-chapter-visuals--on .welten-chapter-box__strip-scrim { position: absolute; inset: 0; } body.welten-chapter-visuals--on .welten-chapter-box__strip-bg { background-size: cover; background-position: center; z-index: 0; } body.welten-chapter-visuals--on .welten-chapter-box__strip-scrim { z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.72)); } body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box__strip-scrim { background: linear-gradient(90deg, rgba(2, 7, 17, 0.78), rgba(2, 7, 17, 0.42), rgba(2, 7, 17, 0.78)); } body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box__strip-scrim { background: linear-gradient(90deg, rgba(20, 10, 28, 0.82), rgba(20, 10, 28, 0.45), rgba(20, 10, 28, 0.82)); } body.welten-chapter-visuals--on .welten-chapter-box__strip-text { position: relative; z-index: 2; margin: 0; padding: 0.75rem 1rem; font-size: clamp(0.95rem, 2vw, 1.15rem); font-weight: 700; letter-spacing: -0.02em; text-align: center; max-width: 26ch; } /* ── Innere Karten in Bild-Boxen (lesbar halten) ── */ body.welten-chapter-visuals--on .welten-chapter-box .welten-leistung-rich.glass-card, body.welten-chapter-visuals--on .welten-chapter-box .welten-leistungen-rich .glass-card { background: rgba(0, 0, 0, 0.38) !important; border-color: rgba(255, 255, 255, 0.14) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body.welten-chapter-visuals--on .welten-chapter-box .welten-faq__item { border-bottom-color: rgba(255, 255, 255, 0.14); } body.welten-chapter-visuals--on .welten-chapter-box .welten-faq__trigger { background: transparent; } body.welten-chapter-visuals--on .welten-chapter-box .welten-faq__panel { background: rgba(0, 0, 0, 0.22); border-radius: 12px; padding: 12px 14px 16px; margin-bottom: 6px; } body.welten-chapter-visuals--on .welten-chapter-box .contact-actions a { background: rgba(0, 0, 0, 0.42) !important; border-color: rgba(255, 255, 255, 0.18) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } body.welten-chapter-visuals--on .welten-chapter-box .contact-actions a:hover { background: rgba(0, 0, 0, 0.55) !important; border-color: rgba(255, 255, 255, 0.32) !important; } body.welten-chapter-visuals--on .welten-chapter-box .vz-row.glass-card, body.welten-chapter-visuals--on .welten-chapter-box .welten-merge-block.glass-card { background: rgba(0, 0, 0, 0.32) !important; border-color: rgba(255, 255, 255, 0.12) !important; } /* ── PROFESSIONAL: weisse Schrift in Bild-Boxen ── */ body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .prose, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box p, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box li, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box ul, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .chapter-label, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .welten-faq__trigger, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .welten-faq__panel, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .welten-leistung-rich__desc, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .welten-leistung-rich__benefit, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .welten-leistung-rich__result, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .contact-actions a, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .contact-actions a span, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .vz-kicker { color: #f5f5f5 !important; } body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box h2, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box h3, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .section-title, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .welten-faq > h3, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box__strip-text { color: #ffffff !important; } body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .welten-faq__trigger::after, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box .contact-actions a span:last-child { color: rgba(255, 255, 255, 0.75) !important; opacity: 1; } /* NEXORA / FREIRAUM: helle Schrift in Boxen */ body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box, body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box { color: #f0f4fa; } body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box h2, body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box h3, body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box h2, body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box h3, body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box .section-title, body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box .section-title { color: #fff; } body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box .chapter-label, body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box .chapter-label { color: rgba(255, 255, 255, 0.78); } body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box .prose, body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box .prose, body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box .welten-faq__panel, body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box .welten-faq__panel { color: rgba(255, 255, 255, 0.9); } body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box .contact-actions a, body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box .contact-actions a { color: #fff !important; } /* Scroll-Reveal */ body.welten-chapter-visuals--on .welten-chapter-box.welten-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); } body.welten-chapter-visuals--on .welten-chapter-box.welten-reveal.is-visible { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { body.welten-chapter-visuals--on .welten-chapter-box.welten-reveal { opacity: 1; transform: none; transition: none; } body.welten-chapter-visuals--on .welten-chapter-box__bg { transition: none; } } /* Mobile: etwas stärkerer Scrim */ @media (max-width: 768px) { body.welten-chapter-visuals--on .welten-chapter-box { padding: clamp(16px, 4vw, 24px) !important; margin-bottom: clamp(0.85rem, 3vw, 1.25rem); } body.welten-chapter-visuals--on .welten-chapter-box__strip { min-height: clamp(72px, 20vw, 100px); } body.welten-chapter-visuals--on[data-world="nexora"] .welten-chapter-box__scrim, body.welten-chapter-visuals--on[data-world="general"] .welten-chapter-box__scrim, body.welten-chapter-visuals--on[data-world="vertex"] .welten-chapter-box__scrim, body.welten-chapter-visuals--on[data-world="freiraum"] .welten-chapter-box__scrim { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.68) 50%, rgba(0, 0, 0, 0.88) 100% ) !important; } } /* Tablet: leicht kompaktere Boxen */ @media (max-width: 1024px) { body.welten-chapter-visuals--on .welten-chapter-box { border-radius: clamp(14px, 2vw, 20px) !important; } body.welten-chapter-visuals--on .welten-chapter-box__strip-text { max-width: 22ch; } } /* Touch: kein Hover-Zoom */ @media (hover: none) { body.welten-chapter-visuals--on .welten-chapter-box:hover .welten-chapter-box__bg { transform: scale(1.02); } } /* ── PROFESSIONAL Desktop/Laptop: Leistungen — weicheres Grau, gut lesbar ── */ @media (min-width: 1024px) { body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-leistung-rich.glass-card, body[data-world="vertex"] #slide-leistungen .welten-leistung-rich.glass-card { background: rgba(255, 255, 255, 0.94) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #141414 !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-leistung-rich h3, body[data-world="vertex"] #slide-leistungen .welten-leistung-rich h3 { color: #101010 !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-leistung-rich__desc, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-leistung-rich__benefit, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-leistung-rich li, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-leistung-rich__result, body[data-world="vertex"] #slide-leistungen .welten-leistung-rich__desc, body[data-world="vertex"] #slide-leistungen .welten-leistung-rich__benefit, body[data-world="vertex"] #slide-leistungen .welten-leistung-rich li, body[data-world="vertex"] #slide-leistungen .welten-leistung-rich__result { color: rgba(20, 20, 20, 0.88) !important; opacity: 1 !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-chart-card.glass-card, body[data-world="vertex"] #slide-leistungen .welten-skills-chart-card.glass-card { background: #484848 !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; color: #ffffff !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12) !important; } /* Skills-Bereich: alle Schriften weiss */ body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-overview, body[data-world="vertex"] #slide-leistungen .welten-skills-overview { color: #ffffff !important; border-top-color: rgba(255, 255, 255, 0.24) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-overview__title, body[data-world="vertex"] #slide-leistungen .welten-skills-overview__title, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-overview__subtitle, body[data-world="vertex"] #slide-leistungen .welten-skills-overview__subtitle, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-chart-title, body[data-world="vertex"] #slide-leistungen .welten-skills-chart-title { color: #ffffff !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-overview__subtitle, body[data-world="vertex"] #slide-leistungen .welten-skills-overview__subtitle { color: rgba(255, 255, 255, 0.9) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-hbar-label, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-donut-legend li, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-vbar-label, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-ring-label, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-heatmap-cat, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-heatmap-head span, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-heatmap-level, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-hbar-val, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-vbar-pct, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-ring-pct, body[data-world="vertex"] #slide-leistungen .welten-skills-hbar-label, body[data-world="vertex"] #slide-leistungen .welten-skills-donut-legend li, body[data-world="vertex"] #slide-leistungen .welten-skills-vbar-label, body[data-world="vertex"] #slide-leistungen .welten-skills-ring-label, body[data-world="vertex"] #slide-leistungen .welten-skills-heatmap-cat, body[data-world="vertex"] #slide-leistungen .welten-skills-heatmap-head span, body[data-world="vertex"] #slide-leistungen .welten-skills-heatmap-level, body[data-world="vertex"] #slide-leistungen .welten-skills-hbar-val, body[data-world="vertex"] #slide-leistungen .welten-skills-vbar-pct { color: #ffffff !important; fill: #ffffff !important; opacity: 1 !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-faq > h3, body[data-world="vertex"] #slide-leistungen .welten-faq > h3 { color: #ffffff !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-faq__trigger, body[data-world="vertex"] #slide-leistungen .welten-faq__trigger { color: #ffffff !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-faq__trigger::after, body[data-world="vertex"] #slide-leistungen .welten-faq__trigger::after { color: rgba(255, 255, 255, 0.8) !important; opacity: 1 !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-faq__panel, body[data-world="vertex"] #slide-leistungen .welten-faq__panel { color: rgba(255, 255, 255, 0.92) !important; background: rgba(0, 0, 0, 0.42) !important; border-radius: 10px; opacity: 1 !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-faq__item, body[data-world="vertex"] #slide-leistungen .welten-faq__item { border-bottom-color: rgba(255, 255, 255, 0.2) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-leistungen-rich.welten-chapter-box .welten-chapter-box__scrim, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-faq.welten-chapter-box .welten-chapter-box__scrim { background: linear-gradient( 155deg, rgba(32, 32, 32, 0.72) 0%, rgba(48, 48, 48, 0.52) 48%, rgba(30, 30, 30, 0.76) 100% ) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen [data-chapter-hero="leistungen"] .chapter-label, body[data-world="vertex"] #slide-leistungen [data-chapter-hero="leistungen"] .chapter-label { color: rgba(255, 255, 255, 0.72) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen [data-chapter-hero="leistungen"] .section-title, body[data-world="vertex"] #slide-leistungen [data-chapter-hero="leistungen"] .section-title { color: #ffffff !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen [data-chapter-hero="leistungen"] .prose, body[data-world="vertex"] #slide-leistungen [data-chapter-hero="leistungen"] .prose { color: rgba(255, 255, 255, 0.9) !important; opacity: 1 !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-overview, body[data-world="vertex"] #slide-leistungen .welten-skills-overview { border-top-color: rgba(255, 255, 255, 0.24) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-leistung-rich__benefit, body[data-world="vertex"] #slide-leistungen .welten-leistung-rich__benefit { color: rgba(255, 255, 255, 0.84) !important; font-weight: 600; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-hbar-fill, body[data-world="vertex"] #slide-leistungen .welten-skills-hbar-fill { background: linear-gradient(90deg, #f2f2f2, #8a8a8a) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-vbar-fill, body[data-world="vertex"] #slide-leistungen .welten-skills-vbar-fill { background: linear-gradient(180deg, #ffffff, #9a9a9a) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-ring-fg, body[data-world="vertex"] #slide-leistungen .welten-skills-ring-fg { stroke: #f0f0f0 !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-radar-area, body[data-world="vertex"] #slide-leistungen .welten-skills-radar-area { fill: rgba(255, 255, 255, 0.14) !important; stroke: rgba(255, 255, 255, 0.55) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-radar-point, body[data-world="vertex"] #slide-leistungen .welten-skills-radar-point { fill: #ffffff !important; } /* FAQ-Box: weiches Anthrazit statt Tiefschwarz */ body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-faq.welten-chapter-box, body[data-world="vertex"] #slide-leistungen .welten-faq.welten-chapter-box { background: #3a3a3a !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-faq .welten-chapter-box__bg, body[data-world="vertex"] #slide-leistungen .welten-faq .welten-chapter-box__bg { opacity: 0.48 !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-faq .welten-chapter-box__scrim, body[data-world="vertex"] #slide-leistungen .welten-faq .welten-chapter-box__scrim { background: linear-gradient( 155deg, rgba(34, 34, 34, 0.76) 0%, rgba(50, 50, 50, 0.58) 50%, rgba(32, 32, 32, 0.78) 100% ) !important; } /* Skills-Übersicht: eigene Box, etwas heller für bessere Lesbarkeit */ body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-overview.welten-chapter-box, body[data-world="vertex"] #slide-leistungen .welten-skills-overview.welten-chapter-box { background: #444444 !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-top: 1px solid rgba(255, 255, 255, 0.16) !important; padding: clamp(1.5rem, 3vw, 2.25rem) !important; border-radius: clamp(16px, 2.2vw, 24px) !important; margin-top: clamp(1.5rem, 3vw, 2.25rem) !important; color: #ffffff !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-overview.welten-chapter-box .welten-chapter-box__scrim, body[data-world="vertex"] #slide-leistungen .welten-skills-overview.welten-chapter-box .welten-chapter-box__scrim { background: linear-gradient( 155deg, rgba(36, 36, 36, 0.82) 0%, rgba(56, 56, 56, 0.62) 48%, rgba(34, 34, 34, 0.84) 100% ) !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-radar-label, body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-skills-radar-value, body[data-world="vertex"] #slide-leistungen .welten-skills-radar-label, body[data-world="vertex"] #slide-leistungen .welten-skills-radar-value { fill: #ffffff !important; fill-opacity: 0.92 !important; } body.welten-chapter-visuals--on[data-world="vertex"] #slide-leistungen .welten-leistungen-rich.welten-chapter-box .welten-skills-overview, body[data-world="vertex"] #slide-leistungen .welten-leistungen-rich.welten-chapter-box .welten-skills-overview { border-top-color: rgba(255, 255, 255, 0.18) !important; padding-top: clamp(1.5rem, 3vw, 2.25rem) !important; } }