}
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 {
}
Wir machen Events, die bleiben
Von Public Events über Sportgrossveranstaltungen bis hin zu Corporate Events und Artist Bookings, wir sind dort, wo’s live wird.
Wir entwickeln Konzepte, bringen die richtigen Leute zusammen und sorgen dafür, dass alles läuft – von der Idee bis zum letzten Moment vor Ort. Auch rund um nationale und internationale Sportevents, mit Side-Events sowie Eröffnungsfeiern und Medaillenzeremonien.
Ob klein oder gross: Wir bringen Events auf den Punkt – und in die Köpfe.
+10 Years of experience
+400Events+500Artist