.BodyClass {
    /*box-sizing: border-box;*/
    margin: 0px;
    padding: 10px;

    /*width: 100%;*/
    /*height: 100%;*/
    
    /*background-color: #013e61;;*/

    /*border:1px solid red;*/
    overflow-y: scroll;
    background: url("../img/UnionTicketingServiceGmbH.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.BodyClass.NoSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.BodyClass.Hyphens {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.MainBackgroundContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;

    border:1px solid red;

}

.MainContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow-y: scroll;

    border:1px solid blue;
}

.BlurDiv {
    position: relative;

    box-sizing: border-box;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.37);

    /*border:1px solid red;*/
    background: inherit;
    overflow: hidden;
    z-index: 1;
}

.BlurDiv:before {
    content: "";
    position: absolute;
    background: inherit;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom:0px;
    box-shadow: inset 0 0 2000px rgba(255,255,255,0.6);
    filter: blur(16px);
    margin: -20px;
    z-index: -1;
}

.PaddingRow {
    /*box-sizing: border-box;*/
    /*width: 90%!important;*/
    /*!*margin: 10px;*!*/
}











.HeightSanitizeElement {
    margin-bottom: 25px;
}

.RowContainer {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;

    /*border:1px solid red;*/
}

.Row {
    position: relative;
    display: block;
    box-sizing: border-box;
    max-width: 1400px;
    margin: 0 auto;
    height: auto;
    text-align: center;
    /*border:1px solid blue;*/
}

.Row.Inline {
    display: inline-block;
}

.Row.RowFluid {
    max-width: 100%;
    width: 100%;
}

.Row:last-child {
    margin-bottom: 50px;
}

.Row:first-child {
    margin-bottom: 0px;
}

.RowElement {
    display: inline-block;
    box-sizing: border-box;
    height: auto;
    top: 0px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;

    /*border:1px solid green;*/
}

.RowElement.Center {
    text-align: center;
}

.RowElement.Paddingless {
    padding: 0px!important;
}

.RowElement.NoFloat {
    float: none;
    vertical-align: top;
}

.RowElement.RowElementFull {
    width: 100%;
}



.RowElement.RowElementDreiViertel {
    width: 70%;
}

.RowElement.RowElementDrittel {
    width: 33.33%;
}

.RowElement.RowElementViertel {
    width: 25%;
}

.RowElement.RowElementFuenftel {
    width: 20%!important;
}

.RowElement.RowElementSechstel {
    width: 16.55%!important;
}

.RowElementClearer {
    clear: both;
}

.ResponsiveImage {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    /*border:1px solid black;*/
}

.ResponsiveImage.Borderless {
    border: none;
}

.ResponsiveViewer {
    display: inline-block;
}

@media (min-width: 1200px) {
    .RowElement.RowElementHalf {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .RowElement.RowElementHalf {
        width: 50%!important;
    }

    .RowElement.RowElementViertel {
        width: 50%!important;
    }

    .RowElement.RowElementDrittel {
        width: 50%!important;
    }

    .RowElement.RowElementFuenftel {
        width: 33.3%!important;
    }

    .RowElement.RowElementSechstel {
        width: 33.3%!important;
    }
}



@media (max-width: 767px) {
    .RowElement.RowElementHalf {
        width: 100%!important;
    }

    .RowElement.RowElementViertel {
        width: 100%!important;
    }

    .RowElement.RowElementDrittel {
        width: 100%!important;
    }

    .ResponsiveViewer {
        display: none!important;
    }

    .RowElement.RowElementFuenftel {
        width: 100%!important;
    }

    .ResponsiveBreaker {
        display: block!important;
    }


}

@media (min-width: 500px) and (max-width: 767px) {
    .RowElement.RowElementSechstel {
        width: 50%!important;
    }
}

@media (max-width: 499px) {
    .RowElement.RowElementSechstel {
        width: 100%!important;
    }
}