body {
    padding-top: 0;
    font-size: 93.75%; /* entspricht 15px */
    font-family: Arial, Verdana, sans-serif;
    background: #ffffff;
    margin: 0;
}

img, object, video, embed {

    max-width: 100%;
}

a img {
    border: 0;
}

a {

    text-decoration: none;
    border: 0;
    color: #000000;
    font-weight: bold;

}

[data-cookiemon-privacybutton] {
    position:absolute;
    top: 5px;
    right:5px;
}

textarea, input {
    font-family: Arial, Verdana, sans-serif;
}

a:hover {

    color: #159189;
}

#page {
    /*width: 100%;*/
    max-width: 1164px;
    margin: 0 auto;
}

#headerIMG {

    float: left;
}

#selectLanguage:hover {
    cursor: pointer;
}

.gameName {

    margin: 0;
    direction: ltr;
}

#spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 14.667em;
    margin-left: -6.667em;
    height: 14.667em;
    margin-top: -8.333em;
    z-index: 10;
    outline: 9999px solid rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,0.3);
    display: none;
}

.currentNav {
    color: red !important;
    font-weight: bold;
}

.otherNav {
    opacity: 0.75;
    color: white;
}

.buttonstyle, input[type=submit] {

    display: table;
    margin: 0 auto;
    padding: 0.5em 2.5em;
    border-radius: 1em;
    border: 0.067em solid #AAAAAA;
    width: auto;

}

.buttonstyle, #search-button, input[type=submit] {
    background-color: #158189;
    background-image: -moz-linear-gradient(top, #158189, #23b4bf);
    background-image: -ms-linear-gradient(top, #158189, #23b4bf);
    background-image: -o-linear-gradient(top, #158189, #23b4bf);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#158189), to(#23b4bf));
    background-image: -webkit-linear-gradient(top, #158189, #23b4bf);
    background-image: linear-gradient(top, #158189, #23b4bf);
    font-size: 1em;
    color: #FFFFFF;
    font-weight: bold;

}

.buttonstyle:hover, #search-button:hover, input[type=submit]:hover, .copyResult.zeroclipboard-is-hover {
    background: #23b4bf;
    background-image: -moz-linear-gradient(top, #23b4bf, #158189);
    background-image: -ms-linear-gradient(top, #23b4bf, #158189);
    background-image: -o-linear-gradient(top, #23b4bf, #158189);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#23b4bf), to(#158189));
    background-image: -webkit-linear-gradient(top, #23b4bf, #158189);
    background-image: linear-gradient(top, #23b4bf, #158189);
    cursor: pointer;

}

#searchButton {

    width: 77.130%;
    margin: 0 auto;
    display: table;
    background: #2D454F;
    background-image: -moz-linear-gradient(top, #2D454F, #17262B);
    background-image: -ms-linear-gradient(top, #2D454F, #17262B);
    background-image: -o-linear-gradient(top, #2D454F, #17262B);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#2D454F), to(#17262B));
    background-image: -webkit-linear-gradient(top, #2D454F, #17262B);
    background-image: linear-gradient(top, #2D454F, #17262B);
    color: white;
    text-align: center;
    border: 0.067em solid #2D454F;
    padding: 1em;
}

/* Hilfesklasse für Spielbilder, rund Ecken */
.roundborder {
    border-radius: 1em;
}

/* Reports */
.gameReportsText, .gameInfoHeading, .gameInfoText {

    min-width: 28em;
    width: 40%;
    margin: auto;
    padding: 5px 15px;
}

.gameInfoDateTime, .gameReportDateTime {

    width: 6.667em;
    height: 5em;
    float: left;
    background-color: white;
    margin: 0.2667em 1.333em 0 0;
    border-radius: 1.5em;
    color: #555555;
}

.gameInfoDateTime, .gameReportsText {

    background: #cc1b1c;
    background: -webkit-linear-gradient(left, rgb(130, 0, 0) 0%, rgb(180, 0, 1) 60%, rgb(196, 0, 1) 100%);
    background: -o-linear-gradient(left, rgb(130, 0, 0) 0%, rgb(180, 0, 1) 60%, rgb(196, 0, 1) 100%);
    background: -ms-linear-gradient(left, rgb(130, 0, 0) 0%, rgb(180, 0, 1) 60%, rgb(196, 0, 1) 100%);
    background: -moz-linear-gradient(left, rgb(130, 0, 0) 0%, rgb(180, 0, 1) 60%, rgb(196, 0, 1) 100%);
    background: linear-gradient(to right, rgb(130, 0, 0) 0%, rgb(180, 0, 1) 60%, rgb(196, 0, 1) 100%);
    color: white;
}

.gameReportsText, .gameInfoText {

    padding: 1em;
    line-height: 1.25em;
    min-height: 5em;
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
}

.gameReportsText {

    height: auto;
    border: 0.067em solid #cc1b1c;
    border-top: none;
    font-weight: bold;
}

.gameInfoHeading {

    border-top-right-radius: 1em;
    border-top-left-radius: 1em;
}

.gameInfoHeading {

    background: #2D454F;
    background-image: -moz-linear-gradient(top, #2D454F, #17262B);
    background-image: -ms-linear-gradient(top, #2D454F, #17262B);
    background-image: -o-linear-gradient(top, #2D454F, #17262B);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#2D454F), to(#17262B));
    background-image: -webkit-linear-gradient(top, #2D454F, #17262B);
    background-image: linear-gradient(top, #2D454F, #17262B);
    color: white;
    text-align: center;
    border: 0.067em solid #2D454F;
    padding: 1em;
}

.gameInfoHeading h3 {
    margin: 0;
    padding: 0;
}

.gameInfoText {

    background-color: white;
    color: #222222;
    border: 0.067em solid #222222;
    border-top: none;
}

.roundGamePic {
    border-radius: 8px;
}

/* Errorpage CSS größtenteils von portal übernommen */
#errorpage_bg {
    background: rgba(0, 0, 0, 0) url("https://upportal.wavecdn.net/img/404_bg.png") no-repeat scroll 0 0;
    height: 365px;
    left: 50%;
    margin-left: -374px;
    position: relative;
    top: 50px;
    width: 747px;
}

#errorpage_gfx {
    background: rgba(0, 0, 0, 0) url("https://upportal.wavecdn.net/img/404_gfx.png") no-repeat scroll 0 0;
    height: 500px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 750px;
}

#errorpage_textbox1 {
    left: 235px;
    position: absolute;
    top: 0;
}

#errorpage_textbox2 {
    left: 235px;
    position: absolute;
    top: 130px;
    font-size: 110%;
}


#errorbutton_div {
    left: 264px;
    position: absolute;
    top: 230px;
}

a.errorbutton:link, a.errorbutton:visited {
    background: rgba(0, 0, 0, 0) url("https://upportal.wavecdn.net/img/404_button.png") repeat scroll 0 0;
}
a.errorbutton {
    color: #484848;
    display: block;
    font-size: 25px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    text-decoration: none;
    width: 224px;
}

#appFeedback {
    display: inline-block;
    margin-left: 10px;
    height: 11em;
}

#appFeedback textarea#feedback {
    width: 70%;
    height: 11em;
    resize: vertical;
}

#feedback_hint {
    background: rgba(0, 0, 0, 0.75);
    border-radius: 10px;
    color: #FFFFFF;
    padding: 0.5em;
    z-index: 999;
    position: relative;
    max-width: 17em;
    width: 13.5em;
    min-width: 10em;
    vertical-align: top;
    margin-top: 10px;
    display: inline-block;
    left: 0.75em;
}

#feedback_hint::before {
    content: "\25c0";
    color: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 1em;
    left: -0.5em;
    z-index: 999;
}