} body.mobile { } a:active, .linked:active, .zoomable::part(media):active { opacity: 0.7; } .page a.active { } sub { position: fixed; vertical-align: baseline; top: 0.3em; } sup { position: relative; vertical-align: baseline; top: -0.4em; } .small-caps { font-variant: small-caps; text-transform: lowercase; } ol { margin: 0; padding: 0 0 0 4em; } ul { margin: 0; padding: 0 0 0 2.0em; } ul.lineated { margin: 0; padding: 0; list-style-type: none; margin: 0 0 0 3em; text-indent: -3em; } blockquote { margin: 0; padding: 0 0 0 2em; } hr { background: rgba(0, 0, 0, 0.75); border: 0; height: 1px; display: block; } .content { border-color: rgba(255, 255, 255, 0.85); border-width: 0.0rem; border-style: solid; border-radius: 0rem; } bodycopy { font-size: 1.4rem; font-weight: 500; color: #ff0000; font-family: "Diatype Variable"; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; } .mobile bodycopy { font-size: 1.6rem; } bodycopy a { color: #ff0000; text-decoration: none; } bodycopy a:hover { } h1 { font-family: "Diatype Variable"; font-style: normal; font-weight: 400; margin: 0; font-size: 8rem; line-height: 1; color: rgba(0, 0, 0, 0.85); letter-spacing: 0em; font-variation-settings: 'slnt' 0, 'MONO' 0; } .mobile h1 { font-size: 4.5rem; } h1 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } h1 a:hover { } h2 { font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Regular; font-style: normal; font-weight: normal; margin: 0; color: rgba(0, 0, 0, 0.85); font-size: 3.6vw; line-height: 1; letter-spacing: 0; } .mobile h2 { font-size: 12vw; } h2 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } h2 a:hover { } .caption { font-size: 1.4vw; font-weight: 500; color: rgba(0, 0, 0, 0.6); font-family: "Diatype Variable"; font-style: normal; line-height: 1.2vw; letter-spacing: 0em; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; } .caption a { color: rgba(0, 0, 0, 0.6); text-decoration: underline; } .caption a:hover { } .menu-icon { --text-style: "Menu icon"; font-size: 2.6rem; font-weight: 400; color: rgba(0, 0, 0, 0.75); font-family: "Diatype Variable"; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: inline-block; font-variation-settings: 'slnt' 0, 'MONO' 0; } .menu-icon a { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .menu-icon a:hover { } media-item .caption { margin-top: .5em; } gallery-grid .caption, gallery-columnized .caption, gallery-justify .caption { margin-bottom: 2em; } [thumbnail-index] .caption { text-align: center; } [thumbnail-index] .caption .tags { margin-top: 0.25em; } .page { justify-content: center; min-height: var(--viewport-height); } .page-content { padding: 0.0rem; text-align: left; align-items: flex-end; border-width: 0.0rem; border-color: rgba(0,0,0,.85); border-style: solid; } .mobile [id] .page-layout { max-width: 100%; } .mobile [id] .page-content { } .page-layout { align-items: flex-end; max-width: 100%; padding: 0.0rem; } media-item::part(media) { border: 0; padding: 0; border-width: 0rem; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-radius: 0rem; } .quick-view { height: 100%; width: 100%; padding: 3rem; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; } .quick-view-background { } .quick-view .caption { color: rgba(255, 255, 255, 1.0); padding: 20px 0; text-align: center; transition: 100ms opacity ease-in-out; position: absolute; bottom: 0; left: 0; right: 0; } .quick-view .caption-background { padding: 0.5rem 1rem; display: inline-block; background: rgba(0, 0, 0, 0.5); border-radius: .5rem; text-align: left; max-width: 50rem; } .mobile .quick-view { width: 100%; height: 100%; margin: 0; padding: 10px; } .mobile .quick-view .caption { padding: 10px 0; } .bureau-mass-titel { --text-style: "BM text klein"; font-size: 1.4rem; font-weight: normal; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Regular; font-style: normal; line-height: 1.2; letter-spacing: 0; display: block; } .mobile .bureau-mass-titel { font-size: 1.6rem; } .bureau-mass-titel a { color: #352f30; text-decoration: none; } .bureau-mass-titel a:hover { } .bm-untertitel { --text-style: "BM untertitel"; font-size: 1.8vw; font-weight: bold; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; display: block; } .bm-untertitel a { color: #19122f; text-decoration: none; } .bm-untertitel a:hover { } .bm-titel { --text-style: "BM Titel"; font-size: 8vw; font-weight: bold; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; display: inline-block; border-width: 0rem; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-radius: 0rem; filter: drop-shadow(0rem 0rem 0rem #bfab16); will-change: filter; } .mobile .bm-titel { font-size: 15vw; } .bm-titel a { color: #19122f; text-decoration: none; text-decoration-color: #568512; } .bm-titel a:hover { } .button-8 { --text-style: "button 8"; font-size: 1.2rem; font-weight: 500; font-family: "Diatype Variable"; font-style: normal; line-height: 1.2; letter-spacing: 0em; font-variation-settings: 'slnt' 0, 'MONO' 0; color: rgba(0, 0, 0, 0.85); display: block; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-width: 0.2rem; filter: drop-shadow(0rem 0rem 0rem rgba(0,0,0,0.85)); will-change: filter; border-radius: 0.5rem; padding: 0.8rem; padding-right: 1rem; padding-left: 1rem; } .button-8 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-8 a:hover { } .button-8 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-8-1 { --text-style: "button"; font-size: 1.6rem; font-weight: bold; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; color: rgba(0, 0, 0, 0.85); display: block; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-width: 0.2rem; filter: drop-shadow(0rem 0rem 0rem rgba(0,0,0,0.85)); will-change: filter; border-radius: 0.5rem; padding: 0.8rem; padding-right: 1rem; padding-left: 1rem; } .button-8-1 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-8-1 a:hover { } .button-8-1 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .heading-2-white { --text-style: "heading 2 white"; font-size: 3.6rem; font-weight: 500; color: #ffffff; font-family: "Diatype Variable"; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; } .heading-2-white a { color: #ffffff; text-decoration: none; } .heading-2-white a:hover { } .mobile-header-mobile { --text-style: "Mobile header mobile"; font-size: 4rem; font-weight: 500; color: #ffffff; font-family: "Diatype Variable"; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; } .mobile-header-mobile a { color: #ffffff; text-decoration: none; } .mobile-header-mobile a:hover { } .video-button { --text-style: "Video Button"; font-size: 3.6rem; font-weight: 500; color: #ffffff; font-family: "Diatype Variable"; font-style: normal; line-height: 3; letter-spacing: 0em; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; } .video-button a { color: #ffffff; text-decoration: none; } .video-button a:hover { } .bm-titel-wight { --text-style: "BM Titel wight"; font-size: 8rem; font-weight: bold; color: #ffffff; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; display: block; } .bm-titel-wight a { color: #ffffff; text-decoration: none; } .bm-titel-wight a:hover { } .video-button-copy { --text-style: "Video Button copy"; font-size: 1rem; font-weight: 500; color: #ffffff; font-family: "Diatype Variable"; font-style: normal; line-height: 0.5; letter-spacing: 0em; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; } .video-button-copy a { color: #ffffff; text-decoration: none; } .video-button-copy a:hover { } .bm-untertitel-projects { --text-style: "BM untertitel Projects"; font-size: 1.4rem; font-weight: bold; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; display: block; } .mobile .bm-untertitel-projects { font-size: 1.6rem; } .bm-untertitel-projects a { color: #19122f; text-decoration: none; } .bm-untertitel-projects a:hover { } .unterschrift-projects { --text-style: "Unterschrift Projects"; font-size: 5vw; font-weight: bold; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; display: inline-block; border-width: 0rem; } .mobile .unterschrift-projects { font-size: 4.5rem; } .unterschrift-projects a { color: #352f30; text-decoration: none; } .unterschrift-projects a:hover { } .agbimpressum { --text-style: "AGB/Impressum"; font-size: 5rem; font-weight: bold; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; display: block; } .agbimpressum a { color: #19122f; text-decoration: none; } .agbimpressum a:hover { } .icons { --text-style: "Icons"; font-size: 3vw; font-weight: 500; color: #000000; font-family: "Diatype Variable"; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; background: #95cddf; } .mobile .icons { font-size: 4rem; } .icons a { color: #000000; text-decoration: none; } .icons a:hover { } .bm-text-klein-email { --text-style: "BM text klein email"; font-size: 1.4vw; font-weight: normal; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Regular; font-style: normal; line-height: 1.2; letter-spacing: 0; display: block; } .mobile .bm-text-klein-email { font-size: 1.2rem; } .bm-text-klein-email a { color: #19122f; text-decoration: underline; } .bm-text-klein-email a:hover { } .home-zahlen { --text-style: "HOME TITEL"; font-size: 8vw; font-weight: bold; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; display: block; } .mobile .home-zahlen { font-size: 10vw; } .home-zahlen a { color: #19122f; text-decoration: none; } .home-zahlen a:hover { } .bm-facts { border-style: solid; border-color: #95cddf; --text-style: "BM FACTS"; font-size: 8vw; font-weight: bold; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; display: block; border-width: ,1rem; border-radius: 0rem; padding: 0rem; background: #95cddf; } .mobile .bm-facts { font-size: 20vw; } .bm-facts a { color: #19122f; text-decoration: none; text-decoration-color: #568512; } .bm-facts a:hover { } .bm-facts-mini { --text-style: "BM FACTS mini"; border-style: solid; border-color: #95cddf; font-size: 1.8vw; font-weight: bold; color: #19122f; font-family: Helvetica Neue, Helvetica, sans-serif, Helvetica Neue Bold; font-style: normal; line-height: 1.2; letter-spacing: 0; display: block; border-width: ,1rem; border-radius: 0rem; padding: 0.5rem; background: #95cddf; padding-bottom: 1rem; padding-left: 2.5rem; padding-right: 2.5rem; } .mobile .bm-facts-mini { font-size: 5vw; } .bm-facts-mini a { color: #19122f; text-decoration: none; text-decoration-color: #568512; } .bm-facts-mini a:hover { } .mobile .quick-view .caption-background { max-width: 100vw; } ::part(slideshow-nav) { --button-size: 30px; --button-inset: 20px; --button-icon-color: rgba(255, 255, 255, 0.9); --button-icon-stroke-width: 1.5px; --button-icon-stroke-linecap: none; --button-background-color: rgba(87, 87, 87, 0.35); --button-background-radius: 50%; --button-active-opacity: 0.7; } gallery-slideshow::part(slideshow-nav) { --button-inset: 15px; } .quick-view::part(slideshow-nav) { } .wallpaper-slideshow::part(slideshow-nav) { } .mobile ::part(slideshow-nav) { --button-inset: 10px; } .mobile .quick-view::part(slideshow-nav) { --button-inset: 25px; } shop-product { font-size: 1.2rem; max-width: 22rem; font-family: "Diatype Variable"; font-style: normal; font-weight: 400; font-variation-settings: 'slnt' 0, 'MONO' 0; letter-spacing: 0em; margin-bottom: 1em; } shop-product::part(price) { color: rgba(0, 0, 0, 0.75); line-height: 1.1; margin-bottom: 0.5em; } shop-product::part(dropdown) { width: 100%; color: rgba(0, 0, 0, 0.85); border: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.0); background-image: url(https://static.cargo.site/assets/images/select-line-arrows.svg); background-repeat: no-repeat; background-position: top 0em right .1em; line-height: 1.2; padding: 0.58em 2em 0.55em 0.9em; border-radius: 10em; margin-bottom: 0.5em; } shop-product::part(button) { background: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); text-align: left; line-height: normal; padding: 0.5em 1em; cursor: pointer; border-radius: 10em; } shop-product::part(button):active { opacity: .7; } audio-player { --text-color: rgba(0, 0, 0, 0.85); --text-padding: 0 1.2em 0 1.0em; --background-color: rgba(255, 255, 255, 0); --buffer-background-color: rgba(0, 0, 0, 0.03); --progress-background-color: rgba(0, 0, 0, 0.075); --border-lines: 1px solid rgba(0, 0, 0, 0.2); font-size: 1.2rem; width: 32rem; height: 2.75em; font-family: "Diatype Variable"; font-style: normal; font-weight: 400; font-variation-settings: 'slnt' 0, 'MONO' 0; line-height: normal; letter-spacing: 0em; margin-bottom: 0.5em; border-radius: 10em; } audio-player::part(button) { --icon-color: rgba(0, 0, 0, 0.85); --icon-size: 32%; --play-text: ''; --pause-text: ''; width: 3.15em; display: inline-flex; justify-content: center; cursor: pointer; } audio-player::part(play-icon) { padding-left: 0.6em; } audio-player::part(pause-icon) { padding-left: 0.4em; } audio-player::part(progress-indicator) { border-right: 1px solid rgba(0, 0, 0, 0); height: 100%; cursor: ew-resize; } audio-player::part(separator) { border-right: var(--border-lines); } body.mobile audio-player { max-width: 100%; } .mobile .content { }

Service



Kreativ im Kopf. Stark in der Umsetzung.



 
Konzeption & Organisation

Gute Events starten mit guten Ideen.
Wir entwickeln Konzepte, strukturieren Prozesse und bringen alles sauber auf den Punkt, von der ersten Skizze bis zur fertigen Show. 



Artist Booking

Die richtigen Artists machen den Vibe.
Wir kümmern uns um Auswahl, Booking und Koordination – unkompliziert, verlässlich und mit dem richtigen Gespür.
Produktionsleistung vor Ort

Wenn’s ernst wird, sind wir da.
Wir behalten den Überblick, koordinieren alle Beteiligten und sorgen dafür, dass alles genau so läuft, wie es soll.
Logistik

Hinter jedem guten Event steckt saubere Planung.
Transport, Infrastruktur, Technik, Timing, Crew – wir halten alles am Laufen, ohne dass es kompliziert wird.
Event-Support

Ihr braucht Support? Wir springen da ein, wo’s brennt – flexibel, unkompliziert und bis zur letzten Minute.