.body {
    background-color: #FFFfff;
    overflow-y: scroll;
    min-height: 100%;
}

@media (max-width: 768px) {

    .container-fluid {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 56px;
    }

    .mainbox {
        margin-top: 50px;
    }

    .stickyfooter {
        min-height: calc(100vh - 60px);
        padding: 40px 40px 0 40px;
    }

}

@media (min-width: 769px) and (max-width: 1024px) {

    .container-fluid {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 0px;
    }

    .mainbox {
        margin-top: 100px;
    }

    .stickyfooter {
        min-height: calc(100vh - 60px);
        padding: 40px 40px 0 40px;
    }
}

@media (min-width: 1025px) {

    .container-fluid {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1024px;
        border-radius: 0px;
    }

    .container-fluid-1025 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1024px;
        border-radius: 0px;
    }

    .mainbox {
        margin-top: 150px;
    }

    .stickyfooter {
        min-height: calc(100vh - 60px);
        padding: 40px 40px 0 40px;
    }

}


.footer {
    position: static;
    padding: 20px;
    margin-bottom: 0px;
    width: 100%;
    background-color: #1B2A3E;
    color: #FFFfff;
}

/*
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
}
*/


/* default buttons */

.nbutton{
    background-color: #ffcc00;
    color: #ffffff;
    font-weight: bold;
    outline: none;
    white-space: normal;
}

.nbutton:hover{
    background-color: #cccccc;
    border-color: #cccccc;
    font-weight: bold;
    color: #555;
    outline: none;
    white-space: normal;

}

.aendern{
    background-color: #316013;
    color: #ffffff;
    font-weight: bold;
    outline: none;
    white-space: normal;
}

.logorot{
    background-color: #E43528;
    color: #ffffff;
    font-weight: bold;
    outline: none;
    white-space: normal;
}

.grau{
    background-color: #999;
    color: #ffffff;
    font-weight: bold;
}

.tradi{
    background-color: #316013;
    color: #ffffff;
    font-weight: bold;
}

.multi{
    background-color: #ffcc00;
    color: #ffffff;
    font-weight: bold;
}

.mystery{
    background-color: #243C96;
    color: #ffffff;
    font-weight: bold;
}
.wherigo{
    background-color: #12508c;
    color: #ffffff;
    font-weight: bold;
}

.event{
    background-color: #8a2225;
    color: #ffffff;
    font-weight: bold;
}

.letterbox{
    background-color: #3636A9;
    color: #FFFfff;
    font-weight: bold;
}

.green{
    color: #316013;
}
.red{
    color: #FF0000;
}

.pre-wrap {
white-space: pre-wrap;
}

.aendern:hover{
    background-color: #cccccc;
    border-color: #cccccc;
    font-weight: bold;
    color: #555;
    outline: none;

}


.aendern > a:hover {
    color: #555;
    outline: none;
}

.aendern > a{
    color: #ffffff;
    outline: none;
}

.login {
    color: #555;
}

.login:hover {
    color: #fff;
}

.bold > a{
    font-weight: bold;
    color: #555;
    outline: none;
}

.iconcolorwhite{
    color: #F1F0DC;
    margin-bottom: 10px;
}


.iconcolorwhite:hover{
    color: #D6D534;
    margin-bottom: 10px;
    outline: none;
}

.whitebox{
    background-color: #ffffff;

    border-width: medium;
    border-color: #99A93C;
}

.yellowbox{
    background-color: #ffcc00;
    color: #FFFfff;
    font-weight: bold;

    margin-bottom: 20px;
}

.bluebox{
    background-color: #FFFfff;

    color: #ffffff;
    padding: 7px;

    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #14A2A6;

}

.addbluebox{
    background-color: #14A2A6;

    color: #ffffff;

    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #14A2A6;

}

.bluebox > a{
    color: #ffffff;
    font-size: 10px;
}

.bluebox > a:hover{
    color: #D6D534;
    font-size: 10px;
    outline: none;
}

.iconstraining > li > a:focus{
    color: #14A2A6;
    outline: none;
}

.container-fluid .textcenter{
    text-align: center;
}

.fontsizze{
    font-size: 10px;
}

/* .bluebutton{
    background-color: #14A2A6;

    color: #ffffff;

    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.yellowbutton{
    background-color: #14A2A6;

    color: #ffffff;

    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

} */