"I love mantro"

2022-05-02 17:16:36

.wf-design-mode .stop-video-wrapper { height: 0 !important; } /* HEADER */ .header-link::after { content: ''; position: fixed; z-index: 1; top: 0; bottom: 0; height: 100%; width: 20%;background-color: rgba(0,0,0,.1); background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%); pointer-events: none;transform-origin: bottom center; transform: scale(1, 0); transition: transform .4s ease; } .header-link::before { content: ''; position: fixed; z-index: 1; top: 0; bottom: 0; height: 100%; width: 20%; pointer-events: none; transition: opacity .4s ease; background-size: 100% auto; background-position: top center; background-repeat: no-repeat; opacity: 0; } .header-link-1::after { left: 60%; } .header-link-1::before { left: 60%; background-image: url('https://assets.website-files.com/61b898635187ebc3ca597f79/61e01d971c4256944222fd03_mps-overlay.png'); } .header-link-2::after { left: 80%; } .header-link-2::before { left: 80%; background-image: url('https://assets.website-files.com/61b898635187ebc3ca597f79/61e892a8e4710123b6ddc6b0_venture-studio-overlay.png'); } .header-link:hover::after { transform-origin: top center; transform: scale(1, 1); } .header-link:hover::before { opacity: 1; } /* PAGE LINES */ .page-line { pointer-events: none; position: fixed; z-index: 9999; top: 0; height: 100%; width: 1px; background: #ffffff; opacity: .15; } .page-line-1 { left: 8vw; } .page-line-2 { display: none; } .page-line-3 { display: none; } .page-line-4 { left: 92vw; } /* GRAIN OVERLAY */ .grain-overlay { position: fixed; z-index: 9998; 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%); }} /* 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: 100%; height: 100%; background: url('https://assets.website-files.com/61b898635187ebc3ca597f79/61b9a22706c8608038da6d44_dot-pattern.svg') no-repeat transparent; background-size: contain; } .ciricle-designelement, .ciricle-designelement::before, .ciricle-designelement::after { pointer-events: none; } .ciricle-designelement::before, .ciricle-designelement::after { content: ''; position: absolute; top: -110px; left: -110px; right: 0; bottom: 0; width: 250px; height: 250px; border-radius: 100%; border: 1px solid rgba(255,255,255,0.1); } .ciricle-designelement::after { top: -240px; left: -240px; width: 500px; height: 500px; } /* FOOTER */ .footer-link { position: relative; } .footer-link::after {content: "";height: 2px;transform: scale(0, 1);transform-origin: right top;transition: transform 0.2s ease; display: block; position: absolute; width: 100%; background-color: #ffffff; } .footer-link:hover::after { transform: scale(1, 1); transform-origin: left top; } /* MQ */ @media screen and (min-width:768px) { .-hide { transform: translate3d(0, -100%,0); } .page-line-1 { left: 20%; } .page-line-2 { display: block; left: 40%; } .page-line-3 { display: block; left: 60%; } .page-line-4 { left: 80%; } } @media screen and (max-width:768px) { .break-word { word-break: break-all; } } @media screen and (min-width:1439px) { .intro { padding-top: calc(280px + 100*(100vw - 1439px)/ 2180); padding-bottom: calc(280px + 100*(100vw - 1439px)/ 2180); } } .hero-iframe { width: 100%; height: 100%; backface-visibility: hidden; } .hero-video-overlay-1, .hero-video-overlay-2, .hero-content { backface-visibility: hidden; } .hero-video-overlay-1 { transition-delay: .4s; } .hero-video-overlay-2 { transition: transform .6s cubic-bezier(.6,0,0,1);transform-origin: right center;transform: scaleX(1); } .hero-video-overlay-2.hide { transform: scaleX(0); } .hero-video-overlay-1.hide { opacity: 0; transition-delay: 0s; } .hero-content.hide .hero-title, .hero-content.hide .hero-button { pointer-events: none; } .hero-button { transition: opacity .2s ease .2s, background-color .2s ease 0s; } .hero-content.hide .hero-button { opacity: 0; } .hero-content .heading-1.hero-title span { opacity: 1; transform: translate3d(0,0,0); transition: transform .6s cubic-bezier(0.15, 0.85, 0.58, 1), opacity .6s ease; transition-delay: .3s; } .hero-content.hide .heading-1.hero-title span { opacity: 0; transform: translate3d(0,-100px,0); transition: transform .6s cubic-bezier(0.15, 0.85, 0.58, 1), opacity .5s ease; transition-delay: 0s; } /* HIDE */ .hero-content.hide .heading-1.hero-title .hero-title-span-2 { transition-delay: .05s; } .hero-content.hide .heading-1.hero-title .hero-title-span-3 { transition-delay: .1s; } .hero-content.hide .heading-1.hero-title .hero-title-span-4 { transition-delay: .15s; } /* SHOW */ .hero-content .heading-1.hero-title .hero-title-span-2 { transition-delay: .2s; } .hero-content .heading-1.hero-title .hero-title-span-3 { transition-delay: .1s; } .hero-content .heading-1.hero-title .hero-title-span-4 { transition-delay: 0s; }.video-mobile-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .stop-video-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .hero-title-badge { position: relative; } .hero-title-badge::before { content: ''; position: absolute; z-index: -1; top: -40px; right: -44px; width: 30px; height: 20px; background: url(' https://assets.website-files.com/61b898635187ebc3ca597f79/61dc3591ac95ffc1d54b4170_mantro-m-white.svg') no-repeat transparent center center; background-size: contain; pointer-events: none; } .hero-title-badge::after { content: ''; position: absolute; z-index: -1; top: -80px; right: -80px; width: 100px; height: 100px; background: url('https://assets.website-files.com/61b898635187ebc3ca597f79/61dc33a78f9139686061c630_innovation-ecosystem-badge.svg') no-repeat transparent center center; background-size: contain; pointer-events: none; -webkit-animation: rotating 20s linear infinite; -moz-animation: rotating 20s linear infinite; -ms-animation: rotating 20s linear infinite; -o-animation: rotating 20s linear infinite; animation: rotating 20s linear infinite; } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }}/* MQ */ @media screen and (max-width:468px) { .hero-title-badge::after { width: 60px; height: 60px; } } @media screen and (max-width:991px) { .hero-title-badge::after { width: 80px; height: 80px; } .hero-title-badge::before { top: -47px; right: -50px; width: 20px; height: 14px; } } @media screen and (min-width:992px) and (max-height:800px) { .hero .hero-title { font-size: 5vw; } .hero-title-badge::after { width: 60px; height: 60px; top: -20px; } .hero-title-badge::before { top: 2px; right: -60px; width: 20px; height: 14px; } } @media screen and (min-width:1440px) and (max-height:900px) { .hero .hero-title { font-size: 5vw; } .hero-title-badge::after { width: 60px; height: 60px; top: -20px; } .hero-title-badge::before { top: 2px; right: -60px; width: 20px; height: 14px; } } /* 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 { 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 { opacity: 1; transform: translate3d(0, 0, 0); transition: transform .6s ease .4s, opacity .6s ease .4s;}.mobile-menu.active .mobile-inner-content:first-child .mobile-link:nth-child(2) { transition-delay: .45s; }.mobile-menu.active .mobile-inner-content:first-child .mobile-link:nth-child(3) { transition-delay: .5s; }.mobile-menu.active .mobile-inner-content:last-child .mobile-link:first-child { transition-delay: .55s; }.mobile-menu.active .mobile-inner-content:last-child .mobile-link:nth-child(2) { transition-delay: .6s; }/* 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;} Product StudioBeratungs- und Entwicklungsleistungenfür digitale InnovationenVenture StudioEntwicklung und Aufbau von Start Ups in Zusammenarbeit mit Partnern aus der IndustrieÜber UnsKontaktHistoryZeitmaschine in der MacheENG VersionProduct StudioBeratungs- und Entwicklungsleistungen für digitale InnovationenVenture StudioEntwicklung und Aufbau von Start Ups in Zusammenarbeit mit Partnern aus der IndustrieStopSuperchargingErfinderGeistErfindergeistManifest mantro ist ein Ökosystem für die Erschaffung von wirkungsvollen Innovationen. Einst als Unternehmen für Digitalisierung gegründet, vereint mantro heute das product studio, venture studio und die mantro digital, um den Erfindergeist von Unternehmen und Industrien zu stärken.Mehr über unsProductStudioWir schaffen wirkungsvolle Innovationen mit zukunftsorientierten UnternehmenZur SeiteVenture‍StudioWir verändern ganze Industrien und gestalten die Zukunft mit unseren erfolgreichen Ventures.Zur SeiteMantrodigitalWir leben Code! Als mantro digital sind wir das Rückgrat des mantro Ökosystems und ermöglichen technologische Innovationen in rasantem Tempo.Zur SeiteZeitmaschineWir schreiben das Jahr 2005. YouTube befindet sich in Gründung und MySpace ist auch noch im Trend. Und mittendrin: drei junge Männer aus München, die beginnen, digitale Technologien für Unternehmen zu entwickeln. Um die ansteckende Energie von Manfred Tropper (CEO) einzufangen, beschließen sie, ihre Idee "mantro" zu nennen. Was in den nächsten Jahren folgt, ist ein wilder Ritt mit vielen Höhen, Tiefen, Wendungen und Sackgassen.Zeitmaschine in der macheKontakt+49 (0) 89 416 177 [email protected]. 19D-81379 MünchenUnternehmenÜber UnsKontaktImpressumDatenschutzÖkosystemproduct studiomantro venturesmantro digitalSocialFacebookInstagramTwitterLinkedIn© 2022 mantro GmbHWenn Sie auf "Akzeptieren" klicken, stimmen Sie der Speicherung von Cookies auf Ihrem Gerät zu, um die Navigation auf der Website zu verbessern, die Nutzung der Website zu analysieren und unsere Marketingaktivitäten zu unterstützen.Weitere Informationen finden Sie in unserer DatenschutzerklärungPräferenzenAkzeptieren