@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/OpenSans-Light.ttf') format('ttf');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/OpenSans-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/OpenSans-Bold.ttf') format('ttf');
}

body {
    margin:0;
    padding:0;
    font-family: "Open Sans","OpenSans", sans-serif!important;
}

div{
    text-transform: uppercase;
}
#logo {
    margin:15px 0 10px 0;
    max-height:63px;
    max-width:100%;
    height:63px;
    color: white;
}

#title{
    color:#ffffff;
    font-size: 1.65rem!important;
    margin: 25px 0 20px 10px;
}

.ma{
    margin:0 auto;
}

#wrap {

}

.pink {
    background-color: #ff0055;
}

.tpink{
    color: #ff0055;
}
.turq {
    background-color: #00b2b8;
    color:#ffffff;
}

.yell{
    background-color: #f2e400;
}

.black{
    background-color: #2f292b;
}

.bgimg{
    background: url('../images/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-color: #2f292b;
    background-size: cover;
    background-position: center;

}

.hspace {
    height:100px;
    width:100%;
}

.profil {
    position:relative;
    left: 50%;
    transform: translateX(-50%);
    align-self: center;
    z-index: 1010;
    max-width:223px;
    top:20px;
}

.turqbar {
    padding:10px 0 5px 0;
}

.right {
    text-align: right;
}

.ticket {
    font-size: 1.25rem!important;
}

.maintext {
    text-align: center;
    color:#000000;

    display:inline;
}

.maintext h3 {
    font-weight:600;
}

.maintext h4 {
    font-style:italic;
}

.disin{
    display:inline;
}

.symbols {
    max-width:28px;
    position:relative;
    bottom:5px;
    margin:0 5px;
}

.block{
    margin:15px;
    font-weight: 300;
}

.imgstripe {
    max-width:100%;
}

.invite {
    color:white;
    margin: 35px 0 35px 0;
}

.cent {
    text-align: center;
}
.spacer {
    margin: 10px 0;
}

.impressum{
    color:#ffffff;
    font-size:12px;
    text-decoration: none;
}

.impressum:hover{
    text-decoration: none;
}

.imp {
    margin:10px 0;
}

.bold {
    font-weight: 700;
}
.thin {
    font-weight: 300;
}
.stop {
    display:none;
}
.sign {
    margin:0 auto;
}
.maillink, .maillink:hover{
    text-decoration: none;
}

.omr, .omr:hover {
    text-decoration: underline;
    color:#000000;
}

.socme{
    max-width: 35px;
}

.dcenter{
    margin:0 auto;
}
.slc{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.spolink img{
    height:auto;
    width:auto;
    margin: 0 10px;
    max-width:100%;
}

.spacertop{
    margin-top:100px;
}
@media only screen and (min-width: 1024px) {
    .stop{
        display:inline;
        max-width:95%!important;
        margin-top:25px;
    }
    .stopmob{
        display:none;
    }
    .spacerx {
        display:none;
        background-color: #ffffff;
    }
    .maintext {
        margin-top:90px;
    }
    .invite {
        font-weight: 300;
        margin: 35px 0 35px 0;
        font-size:40px;
    }
    .disin {
        font-size:36px!important;
    }
}
@media only screen and (max-width: 1024px) {
    .stop{
        display:none;
    }
    .stopmob{
        display:inline;

    }
    .bg-white{
        max-width:85%;
    }
    .maintext {
        margin:130px auto;
    }
    .maintext, .block {
        font-size:38px!important;
    }

    .maintext h1 {
        font-size:44px;
        text-align:center;
        font-weight:700;
    }

    .maintext h3 {
        font-size:34px;
        text-align:center;
    }


    .maintext h4 {
        font-size:32px;
        text-align:center;
        font-style: italic;
    }
    .sign {
        padding-top:48px;
        background-color: #00b2b8;
    }
    .disin {
        font-size:50px!important;
    }
    #title{
        font-weight:300;
        margin:50px 0 0 20px;
        font-size:32px!important;
    }
    .spacerx {
        margin: 80px 0;
    }

    #logo {
        margin:30px 0 10px 0;
        max-height:80px;
        height:80px;
        max-width:100%;
    }
    .invite {
        font-weight: 300;
        margin: 55px 0 55px 0;
        font-size:50px;
    }
    .ticket{
        font-size:28px!important;
    }
    .hspace{
        height:175px;
    }
    .profil {
        max-width:330px;
    }
    .impressum{
        font-size:26px!important;
    }
    .turqbar {
        padding:30px 0 20px 0;
    }
    .foot{
        font-size: 28px;
    }
}