/** {
    font-family: 'Courier New', Courier, monospace;
}*/

* {
    /* anzupassende Akzentfarben */
    /* pink
    --accent-color: #ff84bb;
    --accent-color-hover: #ffb8d8;
    --accent-shadow-65: #da88adaf;
    --accent-shadow-15: #da88ad41;
    --accent-shadow-5: #da88ad11;
    */
    /* orange
    --accent-color: #f37303e5;
    --accent-color-hover: #e67d21;
    */

    --accent-color: #f57d14;
    --accent-color-hover: #ff963a;
    --accent-shadow-80: #f37303c2;
    --accent-shadow-65: #f373039f;
    --accent-shadow-15: #f3730331;
    --accent-shadow-5: #f3730311;
    --bg: #262626;

    /* Schriftart */
    --font: 'Courier New', Courier, monospace;

    /* Header-Balken */
    --header-left: #ff711e2c;
    --header-right: #713ffc2c;
}

body {
    color: white;
    background-color: var(--bg);
}

nav {
    font-family: var(--font);
    font-size: 20px;
}

.header {
    font-family: var(--font);
    font-weight: 500;
    font-size: 23px;
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0;
    transition: 0.3s;
}

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

.header-color,
.text-color,
.btn-color {
    color: var(--accent-color) !important;
}

.header-color:hover {
    color: var(--accent-color-hover);
    text-shadow: 0 0 10px var(--accent-shadow-65),
        0 0 20px var(--accent-shadow-15),
        0 0 40px var(--accent-shadow-5);
}

.header-white {
    color: #FFFFFF;
}

.header-white:hover {
    color: white;
    text-shadow: 0 0 10px #ffffffa4,
        0 0 20px #ffffff27,
        0 0 40px #ffffff0c;
}

footer {
    background-color: var(--bg);
    color: #A9A9A9;
    font-size: small;
    text-align: center;
    position: fixed;
    height: 20px;
    bottom: 0;
    width: 100%;
}

.a-footer {
    color: #A9A9A9;
}

.a-footer:hover {
    color: #A9A9A9;
}

.navbar-nav {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 100%;
    line-height: 50px;
    text-align: center;
}

.btn-color {
    font-weight: 500;
    font-size: large;
    background-color: var(--bg);
    color: white !important;
}

.btn-color:hover {
    background-color: var(--accent-color);
}

.no-hover {
    pointer-events: none;
}

.a-hover-basic-white {
    color: white;
    text-decoration: none;
}

.a-hover-basic-white:hover {
    transition: 0.17s;
    color: white;
    text-decoration: underline;
}

.link {
    color: var(--accent-color);
}

.link:hover {
    color: var(--accent-color-hover);
}

br {
    user-select: none;
}

.custom-muted-text {
    color: #d4d4d4;
}

::-moz-selection {
    background: var(--accent-shadow-80);
    color: #fff;
}

::selection {
    background: var(--accent-shadow-80);
    color: #fff;
}

img,
iframe {
    user-select: none;
}

img {
    -webkit-user-drag: none;
    /* Safari */
    -khtml-user-drag: none;
    /* Konqueror HTML */
    -moz-user-drag: none;
    /* Firefox */
    -o-user-drag: none;
    /* Opera */
    user-drag: none;
    /* Standard */
}