United States

Head of Digital Marketing | T-Systems International

Björn Radde

Head of Social Media beim FC Bayern München

Felix Loesner

Senior Consultant Social Media bei morefire

Lena Trocha

Head of Marketing EMEA North bei Meltwater

Lea Manthey

Account Executive - Social Solutions

Stefan Schöls

Die Speaker

Stay social: wie du potentielle Kund:innen mit einer crossmedialen Social Media Strategie überzeugst und dir eine treue Community aufbaust

09:30 Uhr: Vortrag von Lena Trocha

10:00 Uhr: Vortrag von Björn Radde

Vorstellung der Ergebnisse der Meltwater State of Social 2022 Umfrage

10:30 Uhr: Vortrag von Lea Manthey

Was den FC Bayern auf Social Media erfolgreich macht

11:00 Uhr: Vortrag von Felix Loesner

Meltwater Masterclass: Influencer Marketing

11:30 Uhr: Masterclass von Stefan Schöls

Agenda

&nbsp;
<style id="custom-style">
.hero {
  background-image: none !important;
}

.hero .event-info-container {
  padding-top: 32px;
}

.hero-frame {
  --color-one: #b627a1;
  --color-two: #28bbbb;
  --height: 500px;
  --size: calc(var(--height));
  --delay: .5s;
  --duration: 1s;
  --stagger: .1s;
  width: 100%;
  height: var(--height);
  position: relative;
  transition: 0.3s height ease;
}
.hero-frame .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.hero-frame .logo img {
  width: calc(var(--size) / 2);
  transition: 0.3s width ease;
  -webkit-animation: 1.6s up-in ease var(--delay) both;
          animation: 1.6s up-in ease var(--delay) both;
}
.hero-frame .tiles {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero-frame .tiles .tile {
  --radius: 15%;
  width: var(--size);
  height: var(--size);
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  border-radius: var(--radius);
  transform: translate(-50%, -50%) rotate(45deg);
  transition: 0.3s background ease, 0.3s width ease, 0.3s height ease, 0.3s border-radius ease;
  -webkit-animation: 0.6s tile-in ease 0s both;
          animation: 0.6s tile-in ease 0s both;
  -webkit-animation-duration: var(--duration);
          animation-duration: var(--duration);
}
.hero-frame .tiles .tile:nth-of-type(1) {
  left: 50%;
  top: 50%;
  background: var(--color-one);
  opacity: 0.5;
  z-index: 10;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.hero-frame .tiles .tile:nth-of-type(2) {
  left: calc(50% - max(250px, 25%));
  top: 75%;
  background: rgba(0, 0, 0, 0.05);
  border-left: 2px solid;
  -o-border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.5), transparent 90%) 1;
     border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.5), transparent 90%) 1;
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 1);
          animation-delay: calc(var(--stagger) * 1);
}
.hero-frame .tiles .tile:nth-of-type(3) {
  left: calc(50% - max(550px, 55%));
  top: 40%;
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 2);
          animation-delay: calc(var(--stagger) * 2);
}
.hero-frame .tiles .tile:nth-of-type(4) {
  left: calc(50% - max(350px, 35%));
  top: 125%;
  background: rgba(255, 255, 255, 0.05);
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 3);
          animation-delay: calc(var(--stagger) * 3);
}
.hero-frame .tiles .tile:nth-of-type(5) {
  left: calc(50% - max(100px, 10%));
  top: -25%;
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, transparent 10%, rgba(255, 255, 255, 0.15), transparent 90%) 1;
     border-image: linear-gradient(to right, transparent 10%, rgba(255, 255, 255, 0.15), transparent 90%) 1;
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 4);
          animation-delay: calc(var(--stagger) * 4);
}
.hero-frame .tiles .tile:nth-of-type(6) {
  left: calc(50% + max(250px, 25%));
  top: 75%;
  background: rgba(255, 255, 255, 0.05);
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 5);
          animation-delay: calc(var(--stagger) * 5);
}
.hero-frame .tiles .tile:nth-of-type(7) {
  left: calc(50% + max(550px, 55%));
  top: 75%;
  background: rgba(255, 255, 255, 0.05);
  border-left: 2px solid;
  -o-border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.5), transparent 90%) 1;
     border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.5), transparent 90%) 1;
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 6);
          animation-delay: calc(var(--stagger) * 6);
}
.hero-frame .tiles .tile:nth-of-type(8) {
  left: calc(50% + max(400px, 40%));
  top: 125%;
  background: var(--color-one);
  opacity: 0.15;
  z-index: 10;
  -webkit-animation-delay: calc(var(--stagger) * 7);
          animation-delay: calc(var(--stagger) * 7);
}
.hero-frame .tiles .tile:nth-of-type(9) {
  left: calc(50% + max(100px, 10%));
  top: -25%;
  background: rgba(255, 255, 255, 0.05);
  border-right: 2px solid;
  -o-border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.15), transparent 90%) 1;
     border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.15), transparent 90%) 1;
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 8);
          animation-delay: calc(var(--stagger) * 8);
}
.hero-frame .tiles .tile:nth-of-type(10) {
  left: calc(50% + max(350px, 35%));
  top: 75%;
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
  z-index: 7;
  -webkit-animation-delay: calc(var(--stagger) * 9);
          animation-delay: calc(var(--stagger) * 9);
}
.hero-frame .background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(90deg, var(--color-one), var(--color-two));
  transition: 0.3s background ease;
}
.hero-frame .waves {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.hero-frame .waves .wave {
  background: url("https://meltwater-site.cdn.prismic.io/meltwater-site/0128f720-3224-4e86-a227-d6bbfa8685fc_white-bottom-wave-cover.svg");
  background-size: 100%;
  background-position: 25% bottom;
  background-repeat: repeat-x;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: 25s wave-1 infinite linear;
          animation: 25s wave-1 infinite linear;
}
.hero-frame .waves .wave:nth-of-type(2) {
  opacity: 0.5;
  -webkit-animation: 10s wave-2 infinite linear;
          animation: 10s wave-2 infinite linear;
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}

@media (max-width: 1024px) {
  .hero-frame {
    --height: 400px;
  }
  .hero-frame .waves .wave {
    background-position: 25% calc(100% + 1px);
  }
}
@media (max-width: 768px) {
  .hero-frame {
    --height: 300px;
  }
}
@-webkit-keyframes wave-1 {
  0% {
    background-position-x: 0vw;
  }
  100% {
    background-position-x: 100vw;
  }
}
@keyframes wave-1 {
  0% {
    background-position-x: 0vw;
  }
  100% {
    background-position-x: 100vw;
  }
}
@-webkit-keyframes wave-2 {
  0% {
    background-position-x: 100vw;
  }
  100% {
    background-position-x: 0vw;
  }
}
@keyframes wave-2 {
  0% {
    background-position-x: 100vw;
  }
  100% {
    background-position-x: 0vw;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
}
@-webkit-keyframes tile-in {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 30px)) rotate(45deg);
  }
}
@keyframes tile-in {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 30px)) rotate(45deg);
  }
}
@-webkit-keyframes up-in {
  0% {
    opacity: 0;
    transform: translate(0, 30px);
  }
}
@keyframes up-in {
  0% {
    opacity: 0;
    transform: translate(0, 30px);
  }
}
.success-container{height:initial !important;}
</style>
<div class="hero-frame">
  <div class="logo"><img src="https://meltwater-site.cdn.prismic.io/meltwater-site/b2ff450e-2bd5-4d51-b310-0fdb1a0ff122_Summit+Logo.svg"/></div>
  <div class="tiles">
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
  </div>
  <div class="background"></div>
  <div class="waves">
    <div class="wave"></div>
    <div class="wave"></div>
  </div>
</div>

/* prepend animated hero into .hero element */
document.querySelector('.hero').prepend(document.querySelector('.hero-frame'));
/* add to calendar hack - poll for .success-container and inject calendar once visible */
var currentURL = window.location.href;
var tyPoll = setInterval(function(){
  if(document.querySelector('.success-container') || window.location.href != currentURL){
    if(document.querySelector('.success-container')){
      var calID = 'ug8576672';
      var holder = document.createElement('div');
      holder.className = 'addEventContainer';
      holder.innerHTML = '<a title="Zu Kalender hinzufügen" class="addeventatc" data-id="'+calID+'" href="https://www.addevent.com/event/'+calID+'" target="_blank" rel="nofollow">Zu Kalender hinzufügen</a>';
      var addEventScript = document.createElement('script');
      addEventScript.setAttribute('type','text/javascript');
      addEventScript.setAttribute('src','https://addevent.com/libs/atc/1.6.1/atc.min.js');
      addEventScript.setAttribute('async','');
      addEventScript.setAttribute('defer','');
      holder.appendChild(addEventScript);
      document.querySelector('.success-container > div').appendChild(holder);
    }
    clearInterval(tyPoll);
  }
},100);

Möchten Sie erfahren, wie Sie Social Media nutzen können, um das Wachstum Ihres Unternehmens zu fördern? Erfahren sie es in unserem kostenlosen Social ROI Playbook!

Wir freuen uns, Sie im November zum ersten Meltwater Social Summit DACH unter dem Motto "Driving Growth with Social" begrüßen zu dürfen!

Freuen Sie sich auf spannende Keynotes und Panels von und mit führenden Social-Media-Köpfen und innovativen Marketern aus verschiedenen Branchen und mit unterschiedlichen Backgrounds. 

Sichern Sie sich schon jetzt Ihr kostenfreies Ticket!