Cappella

/* Grundvariablen und Zurücksetzen */ .capella-wrapper { --text-muted: #86868b; --bg-secondary: #fbfbfd; /* Farbverlaufscodes (Farbübergangscodes) aus dem Bild */ --heading-gradient: linear-gradient(90deg, #0a2b46 0 %, #4c7795 100 %); Schriftfamilie: -apple-system, BlinkMacSystemFont, „Segoe UI“, Roboto, Helvetica, Arial, serifenlos; Zeilenhöhe: 1,5; Überlauf-x: versteckt; maximale Breite: 1200px; Rand: 0 automatisch; Polsterung: 0 20px; } .capella-wrapper * { Boxgröße: border-box; Rand: 0; Polsterung: 0; } /* JavaScript-Scroll-Animations-Engine */ .js-scroll-reveal { Deckkraft: 0; transform: TranslateY(60px); Übergang: Opazität 1s kubischer Bezier(0,25, 1, 0,5, 1), Transformation 1s kubischer Bezier(0,25, 1, 0,5, 1); } .js-scroll-reveal.is-visible { Deckkraft: 1; transform: TranslateY(0); } /* Leichter Zoomeffekt beim Bewegen der Maus über das Bild */ .zoom-container { Überlauf: versteckt; Randradius: 24px; Box-Shadow: 0 15px 40px rgba(0,0,0,0.06); Anzeige:Block; Breite: 100 %; } .zoom-container.hero-zoom { Randradius: 32px; Box-Shadow: 0 25px 55px rgba(0,0,0,0.1); } .zoom-img { Breite: 100 %; Anzeige:Block; Übergang: transformieren 0,9s kubisch-bezier(0,25, 1, 0,5, 1); } .zoom-container:hover .zoom-img { transform: scale(1.03); } /* Seitenlayout und Verlaufsüberschriften */ .hero-section { Textausrichtung: Mitte; Polsterung: 80px 0 40px 0; } .hero-section h1 { Schriftgröße: 56px; Schriftstärke: 700; Buchstabenabstand: -0,015em; Rand unten: 10px; /* Farbübergang im Text (Verlaufstext) */ Hintergrund: var(--heading-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; Hintergrundclip: Text; Anzeige: Inline-Block; } .hero-subtitle { Schriftgröße: 26px; Schriftstärke: 500; Rand unten: 25px; Farbe: #1d1d1f; } .hero-desc { Schriftgröße: 19px; Farbe: var(--text-muted); maximale Breite: 650 Pixel; Rand: 0 automatisch 50px automatisch; } /* Duales Abschnittslayout (Bild + Text) */ .split-row { Anzeige:flex; align-items: center; justify-content: Leerzeichen dazwischen; Lücke: 60px; Rand: 120px 0; Flex-Wrap: wickeln; } .split-row.reverse { Flexrichtung: Reihenrückwärts; } .text-block { Flex: 1; Mindestbreite: 320 Pixel; } .textblock h2 { Schriftgröße: 40px; Schriftstärke: 700; Zeilenhöhe: 1,15; Rand unten: 20px; Buchstabenabstand: -0,01em; /* Farbübergang im Text (Verlaufstext) */ Hintergrund: var(--heading-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; Hintergrundclip: Text; } .text-block p { Schriftgröße: 19px; Farbe: var(--text-muted); } .image-block { Flex: 1,2; Mindestbreite: 320 Pixel; } /* Hervorgehobene große Nachtmodus-Box */ .feature-dark-card { Hintergrundfarbe: var(--bg-secondary); Randradius: 40px; Polsterung: 80px 40px; Textausrichtung: Mitte; Rand: 100px 0; } .feature-dark-card h2 { Schriftgröße: 40px; Schriftstärke: 700; Rand unten: 20px; Buchstabenabstand: -0,01em; /* Farbübergang im Text (Verlaufstext) */ Hintergrund: var(--heading-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; Hintergrundclip: Text; Anzeige: Inline-Block; } .feature-dark-card p { Schriftgröße: 19px; Farbe: var(--text-muted); maximale Breite: 750px; Rand: 0 automatisch 50px automatisch; } /* Mobilkompatibilitätsinfrastruktur */ @media (maximale Breite: 768 Pixel) { .hero-section h1 { Schriftgröße: 42px; } .hero-subtitle { Schriftgröße: 22px; } .split-row { Flex-Richtung: Spalte; Textausrichtung: Mitte; Lücke: 30px; Rand: 60px 0; } .split-row.reverse { Flex-Richtung: Spalte; } .text-block h2, .feature-dark-card h2 { Schriftgröße: 32px; } .feature-dark-card { padding: 40px 20px; } }

Acapella

Der neue Zustand von Licht und Komfort.

Ein brandneuer Standard im Jugendzimmer mit elegant geschwungenen Linien, intelligenten integrierten Lösungen, die Ihr Zimmer umgeben, und einzigartigen technologischen Details.

Capella Youth Room General View

Perfekt von Tag zu Nacht.

Stilvolle LED-Beleuchtung mit perfekter Ästhetik im gesamten Set verändert die gesamte Atmosphäre Ihres Raums mit einer einzigen Berührung. Dank der entspannten Atmosphäre und der idealen Lichtstärke macht Ihre nächtliche Lektüre jetzt viel mehr Spaß.

Capella LED beleuchtete Nachtansicht

Verabschieden Sie sich von Kabeln.

Wir haben Ihnen Technologie in ihrer ästhetischsten Form präsentiert. Dank der integrierten kabellosen Ladestation, die vollständig auf der Nachttischoberfläche versteckt ist, müssen Sie Ihr Smartphone nur auf dem Tisch liegen lassen. Beginnen Sie Ihren Tag jeden Morgen mit einer vollen Ladung, ohne Kabelsalat.

Detail des kabellosen Nachttischs mit Ladefunktion

Sorgen Sie für Komfort in Ihrem Zimmer.

Sie müssen Ihr Zimmer weder während der geschäftigsten Arbeitsmomente noch während der aufregendsten Gaming-Sessions verlassen. Mit dem integrierten Mini-Kühlfach, das perfekt in der Spiegelkommode positioniert ist, sind Ihre Kaltgetränke und Lieblingssnacks immer griffbereit.

Mini-Kommode mit Kühlschrankfach

Fokus war noch nie einfacher.

Intelligent gestaltetes, verstecktes und verriegelbares großes Schubladensystem direkt unter der breiten und glatten Arbeitsfläche; Es hält alle wichtigen Dokumente, Schreibwaren und digitalen Werkzeuge in perfekter Ordnung. Beseitigen Sie die Unordnung, konzentrieren Sie sich nur auf den Erfolg.

Studiertisch mit intelligenter Schubladenorganisation

Geräumig, geräumig und ganz für Sie.

Das geschwungene Garderobendesign mit durchgehenden LED-Linien bietet maximales Stauraumvolumen und beherbergt alle Kleidungsstücke und Gegenstände in Ihrem Zimmer in perfekter Ordnung.

Capella Großer Kleiderschrank und Bettbereich im zweiten Winkel
document.addEventListener("DOMContentLoaded", function() { var ObserverOptions = { root:null, rootMargin: '0px', Schwelle: 0,12 }; var Observer = new IntersectionObserver(function(entries, Observer) { Einträge.forEach(function(entry) { if (entry.isIntersecting) { enter.target.classList.add('is-visible'); Observer.unobserve(entry.target); } }); }, ObserverOptions); var revealElements = document.querySelectorAll('.js-scroll-reveal'); revealElements.forEach(function(el) { Observer.observe(el); }); });