/****************************************************************************
 * Bg
 ****************************************************************************/
.black_bg {
    background-color: #000000;
    color: #FFFFFF;
}

/****************************************************************************
 * Color
 ****************************************************************************/
.yellow_color {
    color: #ffcc00;
}


/****************************************************************************
 * Default Content BG (is on everey Page)
 ****************************************************************************/
.content:before {
    content: ''; position: absolute;
    top: 37rem; left: 0; right:0; width: 100%;
    max-width: 120rem; margin: 0 auto;
    padding: 0 0 50%;
    background: url(../img/bg_festzelt.svg) no-repeat;
    background-size: 70% auto;
    background-position: 0 100%;
    z-index: 1;
    -webkit-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    -o-transform: translate(0,-100%);
    transform: translate(0,-100%);
}
.content:after {
    content: ''; position: absolute;
    top: 35rem; left: 0; right:0; width: 100%;
    padding: 0 0 29%;
    background: url(../img/bg_01.svg) no-repeat;
    background-size: contain;
    background-position: 50% 0;
    z-index: 2;
    -webkit-transform: translate(0,-12%);
    -moz-transform: translate(0,-12%);
    -ms-transform: translate(0,-12%);
    -o-transform: translate(0,-12%);
    transform: translate(0,-12%);
}
.content > * {
    position: relative;
    z-index: 20;
}