Magazin Design

MÜNCHEN MAGAZIN

Munich Southwest

Aufgabe

Konzipieren Sie ein begleitendes Werbemittel (München Magazin) für internationale Investoren mit dem Ziel die sozialen, geografischen und kommerziellen Vorteile von Investitionen in Immobilien eines münchner Stadtteiles zu kommunizieren. Auftraggeber Fiduciary Capital.

Lösung

Wir entwickelten ein München Magazin, lieferten die involvierende Texte und Grafiken, Shooteten und gestalteten das Medium.

(function () { 'use strict'; const DURATION = '0.8s'; const EASING = 'cubic-bezier(0.25, 0.46, 0.45, 0.94)'; const THRESHOLD = 0.1; // 10 % des Elements muss sichtbar sein const SKIP_TAGS = new Set([ 'HTML','BODY','HEAD','SCRIPT','STYLE','META','LINK','TITLE', 'SVG','PATH','DEFS','G','USE','SYMBOL','CLIPPATH','MASK' ]); function run() { const roundedEls = []; document.querySelectorAll('*').forEach(function (el) { if (SKIP_TAGS.has(el.tagName.toUpperCase())) return; const cs = window.getComputedStyle(el); const tl = cs.borderTopLeftRadius; const tr = cs.borderTopRightRadius; const bl = cs.borderBottomLeftRadius; const br = cs.borderBottomRightRadius; const hasRadius = [tl, tr, bl, br].some(v => parseFloat(v) > 0); if (!hasRadius) return; // Originalwerte merken el._origRadii = { tl, tr, bl, br }; // Auf 0 setzen (überschreibt auch Elementor-inline-Styles) el.style.setProperty('border-top-left-radius', '0px', 'important'); el.style.setProperty('border-top-right-radius', '0px', 'important'); el.style.setProperty('border-bottom-left-radius', '0px', 'important'); el.style.setProperty('border-bottom-right-radius','0px', 'important'); // Transition anhängen, vorhandene nicht überschreiben const existing = el.style.transition || ''; const added = `border-radius ${DURATION} ${EASING}`; el.style.transition = existing ? existing + ', ' + added : added; roundedEls.push(el); }); const observer = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (!entry.isIntersecting) return; const el = entry.target; const r = el._origRadii; el.style.setProperty('border-top-left-radius', r.tl, 'important'); el.style.setProperty('border-top-right-radius', r.tr, 'important'); el.style.setProperty('border-bottom-left-radius', r.bl, 'important'); el.style.setProperty('border-bottom-right-radius',r.br, 'important'); observer.unobserve(el); }); }, { threshold: THRESHOLD }); roundedEls.forEach(function (el) { observer.observe(el); }); } // Warten bis DOM bereit ist if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', run); } else { run(); } })();