html {
    height: 100%;
}

body {
    height: 100%;
    background-color: #161b29;
    background-image: url("../images/splashkick.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right;
    background-size: contain;
    background-position-x: 85%;
}

p {
    font-size: 1.1em;
}

.textlink {
    color: white;
}

.textlink:hover {
    color: #ffcc00;
}

.impressumlink {
    color: darkgrey;
}

.impressumlink:hover {
    color: #ffcc00;
}

.wado-label {
    margin-left: 10px;
    vertical-align: top;
    background-color: transparent;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    padding: 5px;
    color: #ffcc00;
    font-size: 0.5em;
}

.wado-button {
    background-color: white;
    border: 1px solid white;
}

.wado-button:hover {
    background-color: #ffcc00;
    border: 1px solid #ffcc00;
}

.wado-button-danger {
    background-color: white;
    border: 1px solid white;
}

.wado-button-danger:hover {
    background-color: red;
    border: 1px solid red;
}

.wado-button-light {
    background-color: white;
    border: 1px solid white;
}

.wado-button-light:hover {
    background-color: #ffcc00;
    border: 1px solid #ffcc00;
}

.yuki-button {
    font-size: 0.9em;
    background-color: white;
    border: 1px solid white;
}

.yuki-button:hover {
    background-color: #fee9d4;
    border: 1px solid #fee9d4;
}

input {
    background-color: #252b41;
    border: 1px solid #0a1327;
    padding: 8px 8px 8px 15px;
    border-radius: 0px 20px 0px 20px;
    color: darkgray;
}

textarea {
    background-color: #252b41;
    border: 1px solid #0a1327;
    padding: 8px 8px 8px 15px;
    border-radius: 0px 20px 0px 20px;
    color: darkgray;
}

textarea:focus {
    background-color: white;
    color: black;
    outline: none;
}

input:focus {
    background-color: white;
    color: black;
    outline: none;
}

.fadein {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

::-webkit-scrollbar {
    width: 1px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px #ffcc00;
    border-radius: 1px;
}

::-webkit-scrollbar-thumb {
    background: #ffcc00;
    border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffcc00;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}