import { useState, useEffect, useRef } from "react"; const C = { bg: "#F5F2EC", dark: "#14120F", darkMid: "#1C1A16", darkSoft: "#252219", gold: "#B89040", goldLight: "#CCA856", goldDim: "#B8904015", text: "#1A1714", muted: "#645F58", light: "#EAE6DE", white: "#FAF8F3", }; /* ─── TRANSLATIONS ─── */ const T = { de: { subline: "Stiftung", navItems: [["Über uns","ueber-uns"],["Investmentstrategie","investmentstrategie"],["Prozess","prozess"],["Entwicklung","entwicklung"],["Kontakt","kontakt"]], navCta: "Kontakt", heroBadge: "Neuer Wall 1 · Hamburg", heroH1: ["Stiftungsvermögen.", "Sorgfältig", "angelegt."], heroSub: "Die OptimaVista Stiftung engagiert sich in ausgewählten Beteiligungen mit Schwerpunkten in den Bereichen Energie, Schifffahrt und Venture Capital. Der Fokus liegt auf einer langfristig orientierten, sorgfältig geprüften Anlage- und Beteiligungsstrategie.", heroCta1: "Über die Stiftung", heroCta2: "Kontakt aufnehmen", heroStats: [["Langfristig","Anlagehorizont"],["Energie","Schwerpunkt"],["Schifffahrt","Schwerpunkt"],["Venture Capital","Schwerpunkt"]], aboutLabel: "Über die Stiftung", aboutH2: "Vermögensanlagenmit Augenmaß.", aboutBody: [ "Die OptimaVista Stiftung verfolgt einen langfristigen Beteiligungsansatz mit Fokus auf Energie, Schifffahrt und Venture Capital. Im Mittelpunkt stehen Substanz, Qualität und eine disziplinierte Auswahl geeigneter Engagements.", "Unsere Kapitalanlage folgt internen Vorgaben, klaren Zuständigkeiten und einem strukturierten Prüfungs- und Entscheidungsprozess. Jede Einordnung erfolgt nachvollziehbar und mit Blick auf die besondere Verantwortung einer Stiftung.", "Die Kommunikation bleibt bewusst sachlich und zurückhaltend. Diese Website dient der Information über Ausrichtung, Vorgehensweise und Kontaktmöglichkeiten.", ], aboutCta: "Unsere Entwicklung", aboutPillars: [ ["Anlagerahmen","Die Kapitalanlage orientiert sich an festgelegten Grundsätzen und einer strukturierten internen Einordnung von Chancen und Risiken."], ["Governance","Klare Entscheidungswege und dokumentierte Zuständigkeiten bilden den Rahmen für die Auswahl und Begleitung von Beteiligungen."], ["Prüfung","Jedes Engagement wird vor einer Entscheidung wirtschaftlich, strukturell und im Einzelfall rechtlich eingeordnet."], ["Langfristigkeit","Die Stiftung verfolgt keine kurzfristige Taktik, sondern einen langfristigen und sorgfältigen Anlageansatz."], ], stratLabel: "Investmentstrategie", stratH2: "Fokussiert.nSelektiv. Langfristig.", stratSub: "Die OptimaVista Stiftung richtet ihre Beteiligungsaktivitäten auf wenige, klar definierte Felder aus. Maßgeblich sind eine nachvollziehbare wirtschaftliche Grundlage, ein langfristiger Horizont und eine disziplinierte Auswahl.", focus: [ ["Energie","Ausgewählte Engagements in Unternehmen und Strukturen mit nachvollziehbarem Geschäftsmodell und langfristiger Relevanz."], ["Schifffahrt","Beteiligungen und Aktivitäten im maritimen Umfeld mit Schwerpunkt auf Substanz, Marktverständnis und Strukturqualität."], ["Venture Capital","Selektive Zugänge zur Anlageklasse Venture Capital mit langfristigem Horizont und disziplinierter Einordnung der Risiken."], ["Unternehmerische Beteiligungen","Ausgewählte direkte oder indirekte Beteiligungen mit klarem Prüfungs- und Entscheidungsprozess."], ], criteria: [["Ausrichtung","Selektiv"],["Anlagehorizont","Langfristig"],["Region","Europa / DACH"],["Ansatz","Sorgfältig geprüft"],["Partnerschaften","Im Einzelfall möglich"]], procLabel: "Investmentprozess", procH2: "Strukturiert.nTransparent. Dokumentiert.", steps: [ ["01","Deal Sourcing","Systematischer Zugang zu Beteiligungsmöglichkeiten über Netzwerk, direkte Kontakte und ausgewählte Marktansprachen."], ["02","Erstkontakt & Screening","Strukturierte Erstprüfung anhand der Anlagerichtlinie und der strategischen Passung."], ["03","Due Diligence","Finanzielle, rechtliche und je nach Einzelfall vertiefte inhaltliche Prüfung mit externer Unterstützung."], ["04","Investmententscheidung","Entscheidung im Rahmen der zuständigen Gremien und der beschlossenen internen Vorgaben."], ["05","Monitoring & Reporting","Laufendes Monitoring der Beteiligungen und Berichterstattung nach definierten internen Maßstäben."], ], devLabel: "Entwicklung", devH2: "Schrittweise Entwicklungnder Investmenttätigkeit.", devSub: "Die OptimaVista Stiftung entwickelt ihre Beteiligungsaktivitäten in geordneten Schritten. Maßgeblich sind dabei interne Voraussetzungen, die Entwicklung des Portfolios und eine tragfähige organisatorische Struktur.", milestones: [ ["2025","Errichtung der Stiftung","Errichtung der OptimaVista Stiftung als rechtsfähige Familienstiftung mit definiertem Stiftungszweck und grundlegender Vermögensstruktur.",false], ["2025–26","Aufbau der Anlagestruktur","Ausarbeitung von Anlagerichtlinie, Governance-Strukturen und internem Entscheidungsprozess für Kapitalanlagen.",false], ["seit 2026","Beginn der Investmenttätigkeit","Schrittweiser Aufbau ausgewählter Beteiligungen im Rahmen des Stiftungsvermögens.",false], ["perspektivisch","Prüfung weiterer Strukturierungsoptionen","Bei entsprechender Entwicklung kann die Stiftung zusätzliche Anlage- und Strukturierungsoptionen prüfen.",true], ], contactLabel: "Kontakt", contactH2: "Direkter Kontaktnzur Stiftung.", contactSub: "Für allgemeine Anfragen und erste Kontaktaufnahmen erreichen Sie die OptimaVista Stiftung unter den folgenden Angaben. Alle Anfragen werden vertraulich behandelt.", contactDetails: [ ["Vorstand","Matthias Peters"], ["Adresse","Neuer Wall 1, 20354 Hamburg"], ["E-Mail","info@optimavista-stiftung.de"], ["Schwerpunkte","Energie · Schifffahrt · Venture Capital"], ], formName: "Name", formEmail: "E-Mail", formMsg: "Nachricht", formSend: "Anfrage senden", formThanks: "Vielen Dank. Ihre Nachricht wurde vorgemerkt.", footerDesc: "Diese Website dient der allgemeinen Information über die Stiftung und ihre Beteiligungsaktivitäten.", footerContactTitle: "Kontakt", footerHinweisTitle: "Hinweis", footerHinweis: "Die Inhalte stellen weder ein öffentliches Angebot noch eine individuelle Anlageberatung dar.", footerLinks: ["Impressum","Datenschutz"], modalClose: "Schließen", }, en: { subline: "Foundation", navItems: [["About","ueber-uns"],["Investment Strategy","investmentstrategie"],["Process","prozess"],["Development","entwicklung"],["Contact","kontakt"]], navCta: "Contact", heroBadge: "Neuer Wall 1 · Hamburg", heroH1: ["Foundation Assets.", "Carefully", "Deployed."], heroSub: "The OptimaVista Stiftung holds selected participations with a focus on energy, shipping, and venture capital. The emphasis is on a long-term, carefully evaluated investment and participation strategy.", heroCta1: "About the Foundation", heroCta2: "Get in Touch", heroStats: [["Long-term","Investment Horizon"],["Energy","Focus"],["Shipping","Focus"],["Venture Capital","Focus"]], aboutLabel: "About the Foundation", aboutH2: "Capital Deploymentnwith Judgement.", aboutBody: [ "The OptimaVista Stiftung pursues a long-term participation approach focused on energy, shipping, and venture capital. Substance, quality, and disciplined selection of suitable engagements are central to our approach.", "Our capital deployment follows internal guidelines, clear responsibilities, and a structured review and decision-making process. Every assessment is made transparently and with regard to the particular responsibility of a foundation.", "Our communication is deliberately measured. This website provides information on our orientation, approach, and contact details.", ], aboutCta: "Our Development", aboutPillars: [ ["Investment Framework","Capital deployment is guided by established principles and a structured internal assessment of opportunities and risks."], ["Governance","Clear decision-making structures and documented responsibilities form the framework for selecting and accompanying participations."], ["Review Process","Each engagement is assessed economically, structurally, and where applicable legally, prior to any decision."], ["Long-term Orientation","The foundation pursues no short-term tactics, but a long-term and carefully considered investment approach."], ], stratLabel: "Investment Strategy", stratH2: "Focused.nSelective. Long-term.", stratSub: "The OptimaVista Stiftung concentrates its participation activities on a small number of clearly defined fields. A sound economic basis, a long-term horizon, and disciplined selection are the key criteria.", focus: [ ["Energy","Selected engagements in companies and structures with a coherent business model and long-term relevance."], ["Shipping","Participations and activities in the maritime sector, with a focus on substance, market understanding, and structural quality."], ["Venture Capital","Selective exposure to the venture capital asset class, with a long-term horizon and disciplined assessment of risk."], ["Direct Participations","Selected direct or indirect participations with a clear review and decision-making process."], ], criteria: [["Orientation","Selective"],["Investment Horizon","Long-term"],["Region","Europe / DACH"],["Approach","Carefully reviewed"],["Partnerships","Considered case by case"]], procLabel: "Investment Process", procH2: "Structured.nTransparent. Documented.", steps: [ ["01","Deal Sourcing","Systematic access to participation opportunities through our network, direct contacts, and selected market outreach."], ["02","Initial Contact & Screening","Structured initial review against the investment policy and strategic fit."], ["03","Due Diligence","Financial, legal, and — where appropriate — in-depth substantive review with external support."], ["04","Investment Decision","Decision within the relevant governing bodies and in accordance with adopted internal guidelines."], ["05","Monitoring & Reporting","Ongoing monitoring of participations and reporting against defined internal standards."], ], devLabel: "Development", devH2: "Stepwise Developmentnof Investment Activity.", devSub: "The OptimaVista Stiftung develops its participation activities in an orderly and measured fashion. Internal prerequisites, the development of the portfolio, and a sound organisational structure are the determining factors.", milestones: [ ["2025","Establishment of the Foundation","Establishment of the OptimaVista Stiftung as a legally independent family foundation with a defined purpose and foundational asset structure.",false], ["2025–26","Building the Investment Framework","Development of the investment policy, governance structures, and internal decision-making process for capital deployments.",false], ["since 2026","Investment Activity Commences","Gradual build-up of selected participations within the foundation's asset base.",false], ["in due course","Review of Further Structuring Options","Subject to appropriate development, the foundation may review additional investment and structuring options.",true], ], contactLabel: "Contact", contactH2: "Direct Contactnwith the Foundation.", contactSub: "For general enquiries and initial contact, please reach the OptimaVista Stiftung using the details below. All enquiries are treated in strict confidence.", contactDetails: [ ["Board","Matthias Peters"], ["Address","Neuer Wall 1, 20354 Hamburg"], ["Email","info@optimavista-stiftung.de"], ["Focus Areas","Energy · Shipping · Venture Capital"], ], formName: "Name", formEmail: "Email", formMsg: "Message", formSend: "Send Enquiry", formThanks: "Thank you. Your message has been noted.", footerDesc: "This website provides general information about the foundation and its participation activities.", footerContactTitle: "Contact", footerHinweisTitle: "Notice", footerHinweis: "The contents of this website constitute neither a public offer nor individual investment advice.", footerLinks: ["Legal Notice","Privacy Policy"], modalClose: "Close", }, }; /* ─── LEGAL ─── */ const LEGAL = { impressum: { de: { title: "Impressum", blocks: [ { h: false, label: true, text: "Angaben gemäß § 5 TMG" }, { h: false, text: "OptimaVista StiftungnNeuer Wall 1n20354 Hamburg" }, { h: true, text: "Vertreten durch" }, { h: false, text: "Matthias Peters (Vorstand)" }, { h: true, text: "Kontakt" }, { h: false, text: "E-Mail: info@optimavista-stiftung.de" }, { h: true, text: "Rechtsform" }, { h: false, text: "Rechtsfähige Familienstiftung bürgerlichen Rechts" }, { h: true, text: "Stiftungsaufsicht" }, { h: false, text: "Behörde für Inneres und Sport der Freien und Hansestadt HamburgnStiftungsaufsicht, Johanniswall 4, 20095 Hamburg" }, { h: true, text: "Haftungsausschluss" }, { h: false, text: "Die auf dieser Website enthaltenen Informationen stellen kein öffentliches Angebot, keine Anlageberatung und keine Aufforderung zum Kauf oder Verkauf von Finanzinstrumenten dar. Die Investmenttätigkeit der OptimaVista Stiftung erfolgt ausschließlich aus dem eigenen Stiftungsvermögen." }, { h: true, text: "Urheberrecht" }, { h: false, text: "Die durch die OptimaVista Stiftung erstellten Inhalte unterliegen dem deutschen Urheberrecht. Vervielfältigung oder Verbreitung außerhalb der gesetzlichen Grenzen bedarf der schriftlichen Zustimmung der Stiftung." }, ], }, en: { title: "Legal Notice", blocks: [ { h: false, label: true, text: "Legal Notice pursuant to § 5 TMG (German Telemedia Act)" }, { h: false, text: "OptimaVista StiftungnNeuer Wall 1n20354 HamburgnGermany" }, { h: true, text: "Represented by" }, { h: false, text: "Matthias Peters (Board / Vorstand)" }, { h: true, text: "Contact" }, { h: false, text: "Email: info@optimavista-stiftung.de" }, { h: true, text: "Legal Form" }, { h: false, text: "Legally independent family foundation (Familienstiftung) under German civil law" }, { h: true, text: "Supervisory Authority" }, { h: false, text: "Behörde für Inneres und Sport, StiftungsaufsichtnJohanniswall 4, 20095 Hamburg, Germany" }, { h: true, text: "Disclaimer" }, { h: false, text: "The information on this website does not constitute a public offer, investment advice, or solicitation to buy or sell financial instruments. All investment activity is conducted solely from the foundation's own capital." }, { h: true, text: "Copyright" }, { h: false, text: "All content is subject to German copyright law. Reproduction or distribution beyond statutory limits requires the written consent of the OptimaVista Stiftung." }, ], }, }, datenschutz: { de: { title: "Datenschutzerklärung", blocks: [ { h: true, text: "1. Verantwortlicher" }, { h: false, text: "OptimaVista Stiftung, Neuer Wall 1, 20354 HamburgnVertreten durch: Matthias Peters (Vorstand)nE-Mail: info@optimavista-stiftung.de" }, { h: true, text: "2. Erhebung personenbezogener Daten" }, { h: false, text: "Wir erheben personenbezogene Daten nur soweit erforderlich. Bei Nutzung des Kontaktformulars werden Name, E-Mail-Adresse und Nachrichteninhalt erhoben." }, { h: true, text: "3. Zweck der Datenverarbeitung" }, { h: false, text: "Erhobene Daten werden ausschließlich zur Bearbeitung Ihrer Anfrage verwendet. Eine Weitergabe an Dritte findet nicht statt." }, { h: true, text: "4. Rechtsgrundlage" }, { h: false, text: "Art. 6 Abs. 1 lit. b DSGVO (Vertragsanbahnung) bzw. Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse)." }, { h: true, text: "5. Speicherdauer" }, { h: false, text: "Daten werden gelöscht, sobald der Zweck entfällt und keine Aufbewahrungspflichten entgegenstehen, spätestens nach 3 Jahren." }, { h: true, text: "6. Server-Logfiles" }, { h: false, text: "Beim Seitenbesuch werden technische Zugriffsdaten (IP-Adresse, Zeitpunkt, Browser) automatisch erhoben und ausschließlich für den technischen Betrieb genutzt." }, { h: true, text: "7. Keine Tracking-Cookies" }, { h: false, text: "Diese Website verwendet keine Tracking-Cookies und keine Analyse-Dienste wie Google Analytics." }, { h: true, text: "8. Ihre Rechte" }, { h: false, text: "Auskunft (Art. 15), Berichtigung (Art. 16), Löschung (Art. 17), Einschränkung (Art. 18), Datenübertragbarkeit (Art. 20 DSGVO).nKontakt: info@optimavista-stiftung.de" }, { h: true, text: "9. Beschwerderecht" }, { h: false, text: "Hamburgischer Beauftragter für Datenschutz und InformationsfreiheitnLudwig-Erhard-Str. 22, 20459 Hamburg" }, { h: true, text: "10. Stand" }, { h: false, text: "Mai 2026" }, ], }, en: { title: "Privacy Policy", blocks: [ { h: true, text: "1. Data Controller" }, { h: false, text: "OptimaVista Stiftung, Neuer Wall 1, 20354 Hamburg, GermanynRepresented by: Matthias Peters (Board / Vorstand)nEmail: info@optimavista-stiftung.de" }, { h: true, text: "2. Data Collection" }, { h: false, text: "We collect personal data only to the extent necessary. When using the contact form, we collect your name, email address, and message content." }, { h: true, text: "3. Purpose of Processing" }, { h: false, text: "Data collected via the contact form is used solely to respond to your enquiry. It is not shared with third parties." }, { h: true, text: "4. Legal Basis" }, { h: false, text: "Art. 6(1)(b) GDPR (pre-contractual measures) and Art. 6(1)(f) GDPR (legitimate interest in responding to enquiries)." }, { h: true, text: "5. Retention" }, { h: false, text: "Data is deleted once its purpose no longer applies and no statutory retention obligations exist, at the latest after 3 years." }, { h: true, text: "6. Server Log Files" }, { h: false, text: "Technical access data (IP address, timestamp, browser) is automatically collected on site visits and used solely for technical operation." }, { h: true, text: "7. No Tracking Cookies" }, { h: false, text: "This website does not use tracking cookies or analytics services such as Google Analytics." }, { h: true, text: "8. Your Rights" }, { h: false, text: "Access (Art. 15), rectification (Art. 16), erasure (Art. 17), restriction (Art. 18), portability (Art. 20 GDPR).nContact: info@optimavista-stiftung.de" }, { h: true, text: "9. Right to Complain" }, { h: false, text: "Hamburg Commissioner for Data Protection and Freedom of InformationnLudwig-Erhard-Str. 22, 20459 Hamburg, Germany" }, { h: true, text: "10. Last Updated" }, { h: false, text: "May 2026" }, ], }, }, }; /* ─── HOOKS ─── */ function useInView(threshold = 0.13) { const ref = useRef(null); const [v, setV] = useState(false); useEffect(() => { const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) setV(true); }, { threshold }); if (ref.current) obs.observe(ref.current); return () => obs.disconnect(); }, [threshold]); return [ref, v]; } function Fade({ children, delay = 0, style = {} }) { const [ref, v] = useInView(); return ( ); } function useActiveSection() { const [s, setS] = useState(""); useEffect(() => { const fn = () => { let cur = ""; document.querySelectorAll("section[id]").forEach(el => { if (window.scrollY >= el.offsetTop - 110) cur = el.id; }); setS(cur); }; window.addEventListener("scroll", fn, { passive: true }); fn(); return () => window.removeEventListener("scroll", fn); }, []); return s; } /* ─── ATOMS ─── */ const Label = ({ c, children }) => ; const Rule = () =>