Gala-Dinner zum 20-jährigen Jubiläum (v.l.n.r.): Dr.-Ing. Claus-M. Müller, Geschäftsführender Gesellschafter der MC-Bauchemie, Hubert Perrin de Brichambaut, Regional Manager bei der MC, und Alexander Mondrus, Geschäftsführer der MC-Bauchemie Russland, setzen das Puzzle zum 20-jährigen Firmenjubiläum der MC beim Gala-Dinner mit den Mitarbeitern in Moskau im Herbst 2016 zusammen. MC-Bauchemie 2016
Gala-Dinner zum 20-jährigen Jubiläum (v.l.n.r.): Dr.-Ing. Claus-M. Müller, Geschäftsführender Gesellschafter der MC-Bauchemie, Hubert Perrin de Brichambaut, Regional Manager bei der MC, und Alexander Mondrus, Geschäftsführer der MC-Bauchemie Russland, setzen das Puzzle zum 20-jährigen Firmenjubiläum der MC beim Gala-Dinner mit den Mitarbeitern in Moskau im Herbst 2016 zusammen.
© MC-Bauchemie 2016
So fand am 20. Jahrestag der Gründung der Gesellschaft eine Feier mit allen Mitarbeitern statt, die ihren Abschluss mit der feierlichen Eröffnung der neuen Produktionsanlage in Samara am 21. April 2016 fand. Im August ist das Programm „Danke für 20 Jahre“ anlässlich des russischen „Bautags“ gestartet worden, bei dem 50 Kunden und Partner ihre Worte der Dankbarkeit für die gute Zusammenarbeit mit MC ausgedrückt haben. Sehr rührend war der Wettbewerb für die Kinder der Mitarbeiter, bei dem sie Videogrüße für das Unternehmen aufgenommen haben. Im Rahmen des Programms „20 gute Taten“ organisierten die Mitarbeiter der MC Russland an ihren Standorten u. a. Wohltätigkeits-frühstücke und sammelten Geld, das sie anschließend an nahe gelegene Kinderheime spendeten.
Außerdem spendete MC auch Geld zur Verbesserung von Kinderspielplätzen in der Nähe der MC-Standorte. In allen Regionen, in denen MC vertreten ist, wurden zudem Gala-Dinner für die Mitarbeiter organisiert. In Moskau nahmen auch Dr.-Ing. Claus-Michael Müller, Geschäftsführender Gesellschafter der MC-Bauchemie Müller GmbH & Co. KG, und Hubert Perrin de Brichambaut, Regional Manager bei der MC und u. a. verantwortlich für Russland, teil.
Erfolgreiche Entwicklung
„Wir sind in den zurückliegenden Jahren kontinuierlich gewachsen und haben zuletzt neue Produktionsstandorte in Samara und Tjumen eröffnet, um in diesem riesigen Land noch näher bei unseren Kunden zu sein“, sagt Dr.-Ing. Claus-Michael Müller. Damit konnte auch das Vertriebsnetz weiter ausgebaut und die Basis für weiteres Wachstum der MC Russland gelegt werden. „Wir sind stolz auf das Erreichte und blicken zuversichtlich nach vorne“, so Dr. Müller und fügt noch hinzu: „Ich bin davon überzeugt, dass wir diese erfolgreiche Entwicklung auch in den kommenden Jahren weiter fortsetzen werden.“
MC’s Geschichte in Russland
Die Vorgeschichte der MC in Russland geht auf das Jahr 1996 zurück, in dem die Firma „MEGA“ in St. Petersburg gegründet wurde. 1998 änderte das Unternehmen seinen Namen auf „OTLI“ (das ist ein Teil des russischen Wortes „OTLIchno“ – „ausgezeichnet“) und erhöhte die Produktion und die Bekanntheit im Markt. 2001 ging daraus die MC-Bauchemie Russland hervor, die seither sehr stark gewachsen ist und heute mit rund 350 Mitarbeitern neben der Zentrale und Produktion in St. Petersburg an vier weiteren Standorten in Russland – Krasnodar, Moskau, Samara und Tjumen – bauchemische Produkte produziert und in vielen Regionen erfolgreich vertreibt.
pageImpression = pageImpression + 1;
});
barba.init({
preventRunning: true,
timeout: 5000,
/*
for debuggin usi this parameters
debug: false,
logLevel: 'debug',
*/
/*sync: true,*/
// define a custom function that will prevent Barba
// from working on links that contains a `prevent` CSS class
prevent: ({ el, event, href }) => {
if (!el) {
return false;
}
if (el.href && el.href.includes('landingpages')) {
return true;
}
if (el.classList && el.classList.contains('prevent')) {
return true;
}
return false;
},
preventScroll: true,
scroll: false,
views: [],
transitions: [
{
name: 'header-transition',
sync: false,
from: {
custom: ({ trigger }) => {
if (trigger.classList && trigger.classList.contains('headerFlip')) {
transistionImage = trigger.getElementsByClassName("transitionImage")[0];
if (typeof transistionImage == "undefined") {
return false;
}
transisitionEffect = getRandomInt(1);
return true;
}
return false;
}
},
async leave(data) {
if (transistionImage === null) return; // can be null, return if null to not throw an error
if ( transisitionEffect == 0) {
const done = this.async();
let element = transistionImage;
let state = Flip.getState(element);
let headerImage = document.getElementById('headerImage');
headerImage.removeChild(headerImage.getElementsByTagName('img')[0]);
let headerContent = document.querySelector('.headerContent');
gsap.to(headerContent, {
opacity: 0,
});
let content = document.querySelector('.content');
gsap.to(content, {
opacity: 0,
});
headerImage.appendChild(element);
scroll(0,0);
Flip.from(state, {duration:0.9, ease: "power1.inOut", scale: true, absolute:true,});
await delay(900); // Der await Operator wird genutzt, um auf einen Promise zu warten. Er kann nur in einer async Funktion benutzt werden.
done();
}
},
enter(data) {
window.scrollTop = '0';
let content = data.next.container.querySelector('.content');
gsap.from(content, {
opacity: 0,
});
let headerContent = data.next.container.querySelector('.headerContent');
gsap.from(headerContent, {
opacity: 0,
delay: 0.5,
});
},
after(data) {
}
},
{
name: 'microsites_sliding_scroll',
sync: true,
from: {
custom: (data) => {
const { trigger, current, next } = data;
function getParent(pathname) {
const parts = pathname.split('/').filter(part => part !== '')
return parts.length > 1 ? parts[parts.length - 2] : parts[0] || null
}
if (trigger === 'popstate' || trigger === 'back' || trigger === 'forward') {
return false;
}
if(trigger.classList.contains('microsites_sliding_scroll') || trigger.classList.contains('sliding_scroll')){
return true;
}
if(current.namespace == 'template_138' && next.namespace == 'template_138') {
return getParent(current.url.path) === getParent(next.url.path)
}
return false;
}
},
to: {
namespace: [
'template_120',
'template_138',
]
},async leave({ current, next, trigger }) {
const debug = window.debug;
if (debug) console.log('Debug mode enabled');
const done = this.async();
const menuindexCurrent = +current.container.querySelector('[data-menuindex]').dataset.menuindex;
const menuindexNext = +next.container.querySelector('[data-menuindex]').dataset.menuindex;
const nextContent = next.container.querySelector('.content');
const currentContent = current.container.querySelector('.content');
let xPerc = menuindexCurrent < menuindexNext ? 100 : -100;
const navbarHeight = document.querySelector('.navbar').offsetHeight;
const pageHeight = document.querySelector('.header').offsetHeight;
const nextContentHeight = nextContent.offsetHeight;
const totalHeight = nextContentHeight + navbarHeight + pageHeight;
document.body.style.minHeight = `${totalHeight}px`;
const targetScrollY = trigger.classList.contains('microsites_sliding_scroll')
? pageHeight - navbarHeight
: pageHeight + navbarHeight;
const top = trigger.classList.contains('microsites_sliding_scroll') ? '0px' : '116px';
gsap.set(next.container, {
xPercent: xPerc,
position: 'absolute',
top: top,
left: 0,
display: 'block'
});
const tl = gsap.timeline({
onComplete: () => {
gsap.set(current.container, { display: "none" });
gsap.set(next.container, { clearProps: 'position,top,left,xPercent' });
gsap.set(nextContent, { clearProps: 'xPercent' });
document.body.style.minHeight = '';
done();
}
});
tl.to(currentContent, {
xPercent: -xPerc,
duration: debug ? 5 : 0.5,
ease: "power1.inOut",
}, 0);
tl.to(nextContent, {
xPercent: -xPerc,
duration: debug ? 5 : 0.5,
ease: "power1.inOut"
}, 0);
tl.to(window, {
scrollTo: { y: targetScrollY },
duration: debug ? 5 : 0.5,
ease: "power1.inOut"
}, 0);
},
enter({ next }) {
gsap.from(next.container, {
opacity: 0,
});
}
},
{
name: 'microsites_sliding',
sync: true,
from: {
custom: ({ trigger }) => {
if (trigger === 'popstate' || trigger === 'back' || trigger === 'forward') {
return false;
}
if(trigger.classList.contains('microsites_sliding')){
return true;
}
return false;
}
},
to: {
namespace: [
'template_120',
]
},
async leave({current, next}) {
const done = this.async();
const tl = gsap.timeline({onComplete: ()=>{
gsap.set(next.container, {clearProps: 'all'})
gsap.set(next.container.querySelector('.content'), {clearProps: 'all'})
}})
const currentContent = current.container.querySelector('.content')
const nextContent = next.container.querySelector('.content')
const currentH1 = document.querySelector('.currentPagetitle')
const currentIntrotext = document.querySelector('.currentIntrotext')
const nextH1 = next.container.querySelector('.pageTitle')
const nextIntrotext = next.container.querySelector('.introtext')
gsap.set(next.container, { xPercent: 100, position: 'absolute', top: 0, left: 0 })
tl.to(currentContent, {xPercent: -100, opacity: 0, duration: 1, ease: "power1.inOut", onComplete: () => {
gsap.set(current.container, { display: "none" });
}}, 0)
.to([currentH1, currentIntrotext], { opacity: 0, duration: 0.5, ease: "power1.inOut", onComplete: () => {
currentH1.innerText = nextH1.innerText;
currentIntrotext.innerText = nextIntrotext.innerText;
}}, 0)
.to([currentH1, currentIntrotext], { opacity: 1, duration: 0.5, ease: "power1.inOut" }, 0.5)
.to(nextContent, {xPercent: -100, duration: 1, ease: "power1.inOut"}, 0)
await delay(1000);
done();
},
enter({next}){
gsap.from(next.container, {
opacity: 0,
});
}
},
{
name: 'default',
sync: false,
async leave(data) {
const done = this.async();
gsap.to(data.current.container, {
opacity: 0,
duration: 0.5,
});
await delay(500); // Der await Operator wird genutzt, um auf einen Promise zu warten. Er kann nur in einer async Funktion benutzt werden.
scroll(0,0);
done();
},
enter(data) {
window.scrollTop = '0';
gsap.from(data.next.container, {
opacity: 0,
duration: 0.5,
});
},
after(data) {
// START: Ankur - 15062023 - For Scroll Position History
if(scrollHistory[data.next.url.href]) {
let scroll = scrollHistory[data.next.url.href];
window.scrollTo({top: scroll.y, behavior: 'instant'});
}
// END: Ankur
}
},
{
name: 'self',
enter() {
},
}
]
});
});