"I love mantro product studio"

2022-05-04 02:57:49

:root { --dark-bg-color: #000000; --dark-text-color: #ffffff; --light-bg-color: #EBE7E1; --light-text-color: #313131; } /* DARK MODE */ body.dark-mode { background-color: var(--dark-bg-color); color: var(--dark-text-color); } /* LIGHT MODE */ body.light-mode { background-color: var(--light-bg-color); color: var(--dark-bg-color); } /* DARK TEXT */ body.light-mode a, body.light-mode .accordion-toggle, body.light-mode .accordion-content { color: var(--dark-bg-color); } /* LIGHT TEXT */ body.light-mode .drag-hint { color: var(--light-bg-color); } /* LIGHT BG */ body.light-mode .-bg-header, body.light-mode .case-item-overlay, body.light-mode .services-grid, body.light-mode .transition { background-color: var(--light-bg-color); } /* DARK BG */ body.light-mode .ui-menu__line, body.light-mode .page-line, body.light-mode .section-title-dot, body.light-mode .header-link::after, body.light-mode .footer-link::after, body.light-mode .dot { background-color: var(--dark-bg-color); } /* FILTER */ body.light-mode .logo, body.light-mode .logo-img, body.light-mode .mantro-badge-wrapper, body.light-mode .page-footer .footer-heart, body.light-mode .accordion-icon { -webkit-filter: invert(1); filter: invert(1); } body.light-mode .hero-landing-overlay { mix-blend-mode: difference; } body.light-mode .accordion-item, body.light-mode .section-title-content, body.light-mode .link.service-grid-link, body.light-mode .services-grid { border-color: rgba(0,0,0,.07); } /* UI SWITCH HANDLER */ .themestate { display: none; } .label-themestate { position: absolute; width: 100%; height: 100%; z-index: 20; margin: 0; cursor: pointer; } body.light-mode .light-switch-bg { background-color: #ff4f04; transition: .2s ease; } body.light-mode .knob__dark { opacity: 0; transform: translate3d(-38px,0,0); transition: transform .2s ease, opacity .2s ease .2s; } body.light-mode .knob__light { opacity: 1; transform: translate3d(-38px,0,0); transition: transform .2s ease, opacity .2s ease; } body.dark-mode .knob__dark { opacity: 1; transition: transform .2s ease, opacity .2s ease; } body.dark-mode .knob__light { opacity: 0; transition: 0s ease; } /* GLOBAL */ *, ::after, ::before { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; } ::selection { background: #ff4f04; color: #ffffff; } ::-moz-selection { background: #ff4f04; color: #ffffff; } html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body { overflow-x: hidden; } .spacing-top-global { padding-top: calc(160px + 120*(100vw - 320px)/ 2180); } .hero { padding-top: calc(200px + 160*(100vw - 320px)/2180); padding-bottom: calc(200px + 160*(100vw - 320px)/2180); } /* HEADER */.-bg-header { background-color: #000000; z-index: 9991; } .hero-landing-gradient-bottom {pointer-events: none; } /* PAGE LINES */ .page-line { pointer-events: none; position: fixed; z-index: 9980; top: 0; height: 100%; width: 1px; background: #ffffff; opacity: .1; } .page-line-1 { left: 8vw; } .page-line-2 { display: none; } .page-line-3 { display: none; } .page-line-4 { right: 8vw; } /* GRAIN OVERLAY */ .grain-overlay { position: fixed; z-index: 9999; overflow: hidden; pointer-events: none;} .grain-overlay::before { display: block; position: absolute; content: ''; background-image: url('https://assets.website-files.com/61b898635187ebc3ca597f79/61b8ab6e1490c6be3783f8cb_noise%402x.png'); background-size: 250px; opacity: .5; width: 300%; height: 300%; left: -125%; top: -125%; z-index: 2; animation: grain 5s steps(10) infinite; } @keyframes grain { 0%, 100% { transform: translate(0, 0); } 10% { transform: translate(-5%, -10%); } 20% { transform: translate(-15%, 5%); } 30% { transform: translate(7%, -25%); } 40% { transform: translate(-5%, 25%); } 50% { transform: translate(-15%, 10%); } 60% { transform: translate(15%, 0%); } 70% { transform: translate(0%, 15%); } 80% { transform: translate(3%, 35%); } 90% { transform: translate(-10%, 10%); } } /* FOOTER */ .header-link, .footer-link { position: relative; } .header-link::after, .footer-link::after {content: "";height: 1px;transform: scale(0, 1);transform-origin: right top;transition: transform 0.2s ease; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #ffffff; } .header-link:hover::after, .footer-link:hover::after, .header-link:active::after, .footer-link:active::after, .header-link.w--current::after { transform: scale(1, 1); transform-origin: left top; } /* DESIGN ELEMENTS */.mdigital-image-1::after { content: ''; position: absolute; top: -10%; left: -10%; right: 0; bottom: 0; width: 120%; height: 120%; border: 1px solid #ffffff; } .mdigital-image-3::after { content: ''; position: absolute; z-index: -1; top: auto; left: -50%; right: auto; bottom: -50%; width: 80%; height: 80%; background: url('https://assets.website-files.com/61b898635187ebc3ca597f79/61b9a22706c8608038da6d44_dot-pattern.svg') no-repeat transparent; background-size: contain; }.cta-icon { width: 100%; height: auto; } .case-item-overlay { transform-origin: right center; } .logo-img { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transform:translate3d(0,0,0); } .drag-hint-wrapper, .drag-hint { pointer-events: none; } .visually-hidden { visibility: hidden; pointer-events: none; } @media screen and (max-width:478px) { .word-break { word-break: break-all; } } @media screen and (max-width:768px) { .break-word { word-break: break-all; } } @media screen and (min-width:768px) { .page-line-1 { left: 20%; } .page-line-2 { display: block; left: 40%; } .page-line-3 { display: block; left: 60%; } .page-line-4 { right: auto; left: 80%; } } @media screen and (min-width:992px) { .hide-desktop { display: none; } } @media screen and (min-width:1439px) { .spacing-top-global { padding-top: calc(280px + 100*(100vw - 1439px)/ 2180); } } /* MOBILE MENU BUTTON */ .ui-menu { display: block; position: relative; z-index: 100; width: 100%; max-width: 38px; height: 18px; cursor: pointer; } .ui-menu__line { position: absolute; left: 0; width: 100%; background: #fff; height: 2px; transition: transform .25s cubic-bezier(.1,.65,.4,1), opacity .15s cubic-bezier(.1,.65,.4,1); transform: translateY(0) translateZ(0); backface-visibility: hidden; } .ui-menu__line--1 { top: 0; } .ui-menu__line--2 { top: 8px; } .ui-menu__line--3 { bottom: 0; } /* active */ .ui-menu.active .ui-menu__line--1 { transform: translateY(8px) rotate(45deg); } .ui-menu.active .ui-menu__line--2 { opacity: 0; } .ui-menu.active .ui-menu__line--3 { transform: translateY(-8px) rotate(-45deg); } /* MOBILE MENU */.mobile-menu { z-index: 1; backface-visibility: hidden; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: hidden; opacity: 0; transform: translate3d(0, 100%, 0); transition: transform .3s cubic-bezier(.6,0,0,1) 0s, opacity .0s ease .3s, visibility .0s ease .3s;}.mobile-link,.btn-primary.btn-mobile-menu { opacity: 0; transform: translate3d(0, 3rem, 0); transition: .0s cubic-bezier(.6,0,0,1) .3s; } /* MOBILE MENU ACTIVE */.mobile-menu.active {visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); transition: transform .6s cubic-bezier(.6,0,0,1), opacity 0s ease 0s, visibility 0s ease 0s;}.mobile-menu.active .mobile-link,.mobile-menu.active .btn-primary.btn-mobile-menu { opacity: 1; transform: translate3d(0, 0, 0); transition: transform .6s ease .4s, opacity .6s ease .4s;} .mobile-menu.active .desktop-menu-block .mobile-link:nth-child(2) { transition-delay: .45s; }.mobile-menu.active .desktop-menu-block .mobile-link:nth-child(3) { transition-delay: .5s; }.mobile-menu.active .mobile-menu-block .mobile-link:nth-child(2) { transition-delay: .45s; }.mobile-menu.active .mobile-menu-block .mobile-link:nth-child(3) { transition-delay: .5s; }.mobile-menu.active .mobile-menu-block .mobile-link:nth-child(4) { transition-delay: .55s; }.mobile-menu.active .mobile-menu-block .mobile-link:nth-child(5) { transition-delay: .6s; }.mobile-menu.active .mobile-menu-block .mobile-link:nth-child(6) { transition-delay: .65s; }.mobile-menu.active .mobile-menu-block-second .mobile-link:first-child { transition-delay: .7s; }.mobile-menu.active .mobile-menu-block-second .mobile-link:nth-child(2) { transition-delay: .75s; }.mobile-menu.active .mobile-menu-block-second .mobile-link:nth-child(3) { transition-delay: .8s; }.mobile-link.desktop:hover {text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}/* BUTTON HOVER */ .btn-primary {position: relative;}.btn-primary::before, .btn-primary::after { content: attr(data-name); position: absolute; top: 0; left: 0; padding: 8px 0; width: 100%; -webkit-clip: rect(0px, 0px, 0px, 0px); clip: rect(0px, 0px, 0px, 0px); background: #ff4f04; color: #ffffff; } .btn-primary::before { left: -10px; top: -10px; text-shadow: 20px 0 #ff4f04; box-shadow: 20px 0 #ff4f04; } .btn-primary::after { left: 40px; bottom: -4px; text-shadow: -4px 0 #ff4f04; box-shadow: -1px 0 #ff4f04; } .btn-primary:hover:before { animation: btn-glitch .25s linear 0s; } .btn-primary:hover:after { animation: btn-glitch .6s linear 0s; }@keyframes btn-glitch { 0% { clip: rect(-30px, 600px, 0px, 0px); } 5.88235% { clip: rect(0px, 600px, 0px, 0px); } 11.76471% { clip: rect(-30px, 600px, 0px, 0px); } 17.64706% { clip: rect(-30px, 600px, 0px, 0px); } 23.52941% { clip: rect(100px, 600px, 100px, 0px); } 29.41176% { clip: rect(0px, 600px, 600px, 0px); } 35.29412% { clip: rect(100px, 600px, 0px, 0px); } 41.17647% { clip: rect(0px, 600px, 600px, 0px); } 47.05882% { clip: rect(100px, 600px, 0px, 0px); } 52.94118% { clip: rect(-30px, 600px, 0px, 0px); } 58.82353% { clip: rect(100px, 450px,100px, 0px); } 64.70588% { clip: rect(0px, 450px, 0px, 0px); } 70.58824% { clip: rect(100px, 450px, 100px, 0px); } 76.47059% { clip: rect(0px, 450px, 0px, 0px); } 82.35294% { clip: rect(0px, 450px, 0px, 0px); } 88.23529% { clip: rect(0px, 450px, 0px, 0px); } 94.11765% { clip: rect(0px, 450px, 0px, 0px); } 100% { clip: rect(0px, 450px, 0px, 0px); }}/* DESIGN MODE */.wf-design-mode .page-header {position: initial;height: auto; display: flex; align-items: center; justify-content: center; flex-direction: column;}.wf-design-mode .mobile-menu {position: relative; opacity: 1; width: 100%; visibility: visible; height: auto; transform: none;}.wf-design-mode .mobile-link { opacity: 1; visibility: visible; transform: none;} ArbeitsprobenServicesManifestKarriereKontakt KurzfassungFree StuffArbeitsweiseArbeitsprobenServicesManifestKarriereKontaktKurzfassungFree [email protected]+49 1573 8510110Zielstattstr. 1981379 MünchenGermanyGet Directions Wir schaffen wirkungsvolle InnovationenGeschäftsmodelleVenturesdigitale Produkte digitale Services mit zukunfts-orientierten Unternehmen Keine Zeit für die gesamte Website?Dann Hier klickenDienstleistungenDigitale Produkte & ServicesWir bauen neue und transformieren Ihre bestehenden Produkte und Dienstleistungen und bringen diese in den Markt. Dabei setzen wir auf eine schnelle, iterative und kundenzentrierte Entwicklung sowie eine vollumfängliche Verprobung des Produktes und der Marktplatzierung inklusive Verkaufskanäle und Preisgestaltung.Geschäftsmodell InnovationWir analysieren den Status Quo bestehender Wettbewerbsregeln und Strukturen, um diese anschließend nachhaltig zu verändern, und zwar zu Ihrem Vorteil. Daraus entstehen Konzepte und Maßnahmen zur Veränderung bestehender und Entwicklung neuer Geschäftsmodelle.Venture BuildingWir bauen aus Ihrem neuen Geschäftsmodell ein wettbewerbsfähiges Unternehmen. Dabei decken wir alles ab: von rechtlicher Struktur, Mitarbeiterauswahl, Arbeitsstrukturen und Prozesse, Handlungen und Abläufe des operativen Geschäfts bis hin zur Einführung und Feinabstimmung eines datenzentrierten Messsystems für Unternehmenserfolg. Wie ist das möglich? Wir bringen die Erfahrung aus 26 Gründungen der mantro Geschichte, um Ihr Unternehmen schnell und sicher an den Markt zu führen.ServicesTeamDrag OliverMD AlinaHR & OrganisationWir sind Spinner, Zahlenmenschen, Freigeister, Techies: Aufgewachsen im Internet, unterwegs in der digitalen Welt. JanDelivery Lead CorinneVenture Architect JohannArt Director ShanUI / UX Designer BerndSales LuciaAccounting JannisVenture Architect AymanVenture Architect PaulDelivery LeadDragAdvisorsDragManfred Tropper StrategieMarkus OrtmannProduktBenjamin SchüdzigTechnologieUnterstützt werden wir durch kampferprobte Serienunternehmer: sachkundig, nervenstark und mit genug Fantasie für ermutigende Zukunftsbilder.DragWas uns antreibtWie können wir etablierte Unternehmen unterstützen, wirkungsvolle Innovationen zu erschaffen?Über unsARBEITSWEISEInnovation findet überall statt: in etablierten Prozessen genauso wie bei völlig neuen Ideen.ArbeitsweiseFree StuffUnser umfassender und pragmatischer Werkzeugkasten für Innovation. AnmeldenUnsere Innovationen wirken, weil sie den Menschen in den Mittelpunkt stellen.ReevNaturateMit vereinten KräftenSchluss mit InnovationstheatherWir können helfen© 2022mantro.studioDatenschutzImpressummantro.netmantro.venturesmantro.digitalTwitterYouTubeInstagramLinkedIn Unsere Website nutzt Cookies. Einige von ihnen sind essenziell, während andere uns helfen, diese Website und Ihre Erfahrung zu verbessern. Weitere Informationen zu Cookies sind in unserer DatenschutzerklärungPräferenzenAkzeptieren