#responsive-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;   height: 100vh;
}
.page a,
.page a:last-of-type {
    color: #000;
}

.fallback {
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-image:url("https://files.cargocollective.com/c2091493/Fallback-BG-Phone.png");
    z-index: 1000;;
}

.bodycopy content content_padding {
padding: 0rem !important;
}


.arrow {
  position: fixed;
  bottom: 64px;
  right: 64px;
  width: 40px;
  height: 40px;
  background-image: url('https://files.cargocollective.com/c1913274/arrow-blue.svg');
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 9999;
}

.arrow:hover {
  opacity: 0.8;
}

/* Normal weight; Normal style */
@font-face {
    font-family: 'Roboto';
    font-weight: Regular;
    font-style: Regular;
    src: url('https://files.cargocollective.com/c1913274/Roboto-Regular.ttf') format('ttf');
}

/* Bold weight; Normal style */
@font-face {
    font-family: 'Roboto';
    font-weight: Bold;
    font-style: Bold;
    src: url('https://files.cargocollective.com/c1913274/Roboto-Bold.ttf') format('ttf');
}

/**
 * Content
 */
body {
    background-color: #ffff;
    color: #000;
}

.page a.active {
    opacity: .4;
}

i,
em {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
}

sub {
    top: 0.3em;
}

sup {
    top: -0.4em;
}

s {
    text-decoration: line-through;
}

img {
    border: 0;
    padding: 0;
}

ul,
ol {
    margin: 0;
    padding: 0 0 0 1em;
}

blockquote {
    margin: 5;
    padding: 0 0 0 2em;
}

hr {
    background: rgba(255, 255, 255, 0.25);
    border: 0;
    height: 1px;
    display: block;
}

.content img {
    float: none;
    margin-bottom: .5em;
}

.gallery_image_caption {
    margin-top: .8rem;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
    font-family: "Favorit Variable", Icons;
    font-style: normal;
    line-height: 1.3;
    font-variation-settings: 'slnt' 0;
}

/**
 * Loading Animation
 */
.loading[data-loading] {
    position: fixed;
    bottom: 8px;
    left: 8px;
}

/**
 * Editor styles
 */
[data-predefined-style="true"] bodycopy {
    font-size: 2rem;
    font-weight: 500;
    color: #3c9537;
    font-family: "Diatype Variable", Icons;
    font-style: normal;
    line-height: 1.3;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}
[data-predefined-style="true"] bodycopy-footer {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fbfbfb;
    font-family: "Diatype Variable", Icons;
    font-style: bold;
    line-height: 1.3;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] bodycopy a:hover {
    font-weight: 2000;
    color: #2559F6;
}

[data-predefined-style="true"] h1 {
    font-size: 5.4rem;
    font-weight: 1000;
    color: #000714;
    font-family: "Diatype Variable", Icons;
    font-style: normal;
    line-height: 1.3;
	font-variation-settings: 'slnt' 0, 'MONO' 0
}

[data-predefined-style="true"] h1 a {
     font-size: 5.4rem;
    font-weight: 700;
    color: #000714;
    font-family: "Roboto", Icons;
    font-style: Bold;
    line-height: 1.3;
}

[data-predefined-style="true"] h3  {
     font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    font-family: "Diatype Variable", Icons;
    font-style: normal;
    line-height: 0;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}
[data-predefined-style="true"] bodycopy-past {
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    font-family: "Diatype Variable", Icons;
    font-style: normal;
    line-height: 1.3;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] h2 {
    font-size: 2.2rem;
    font-weight: 1000;
    color: #000714;
    font-family: "Diatype Variable", Icons;
    font-style: normal;
    line-height: 0.5;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
    }

[data-predefined-style="true"] h2-footer {
    font-size: 6rem;
    font-weight: 1000;
    color: #fff;
    font-family: "Diatype Variable", Icons;
    font-style: normal;
    line-height: 1.1;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] h2#section-shows {
    color: rgba(255, 255, 255, 1);
}

[data-predefined-style="true"] small {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1.3;
    font-family: "Diatype Mono Variable", Icons;
    font-style: normal;
    font-weight: 500;
    color: #000714;
    font-variation-settings: 'slnt' 0, 'MONO' 1;
}

[data-predefined-style="true"] small a:hover {
    font-weight: bold;
    border-bottom-width: 1px;
}

/* Breakpoints */
[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
    position: relative;
    min-height: 10px;
    max-width: 100%;
    width: 100%;
    background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
    margin-left: auto /*!content_center*/;
    margin-right: auto /*!content_center*/;
    text-align: left /*!text_left*/;
}

[data-css-preset] body {
    background-color: #fff2d6/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
    width: 100%/*!content_center*/;
}

[data-css-preset] .content_padding {
    padding-top: 3rem/*!main_margin*/;
    padding-bottom: 3rem/*!main_margin*/;
    padding-left: 3rem/*!main_margin*/;
    padding-right: 3rem/*!main_margin*/;
}

[data-css-preset] text-limit {
    display: inline-block /*!text_width*/;
    max-width: 66rem/*!text_width*/;
}

/* Parallax effect */
[data-css-preset] .parallax-column {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    [data-css-preset] .parallax-column {
        transform-style: preserve-3d;
        perspective: 1px;
        background-size: cover;
        will-change: transform;
    }
  
    [data-css-preset] .parallax-column > div {
        height: 100%;
        transform-origin: 0 0;
        transform: translateZ(-0.1px) scale(1.1);
        backface-visibility: hidden;
    }
}
/* CSS für das abfallende Rechteck am unteren Rand der Seite */
#bottom-rectangle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 470px;
  background-color: #000714;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  z-index: -1;
  overflow: hidden;
  background-image: url('https://files.cargocollective.com/c2091493/footerbg.png');
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 700px) {
  #bottom-rectangle {
    min-height: 450px; /* Auf eine flexible Höhe zurücksetzen und px hinzufügen */
  }

    .gallery-container img {
        margin-bottom: 10px;
    }

    .youtube-container {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    }

    .youtube-container iframe {
    width: calc(50% - 5px); /* Volle Breite auf Mobilgeräten */
        height: 200px; /* oder die gewünschte Höhe */
    }
}