/* Overwrite stuff from interhited "nw_screen.scss" */

#Header_FHNW {
    background-color: white;
    position: static;
}

#Content_FHNW {
    width: 100%;
    margin-top: 90px;
    position: static;
}

#lmenu_wrap {
    top: 200px;
    text-align: center;
    background-color: white;
    border-color: black;
    border-style: solid;
    border-width: 0.125em 0;
    box-shadow: -0.25em 0 0 -0.125em, 0.25em 0 0 -0.125em;
    margin-left: 2em;
    position: fixed;
    z-index: 1;
}

#lmenu_wrap:hover {
    background-color: rgb(224, 224, 224);
}

#lmenu_wrap:before {
    background-color: inherit;
    border: inherit;
    border-width: 0 0.125em;
    bottom: 0.25em;
    content: '';
    left: -0.375em;
    pointer-events: none;
    position: absolute;
    top: 0.25em;
    right: -0.375em;
    z-index: -1;
}

#lmenu_wrap:after {
    background: inherit;
    border: inherit;
    border-width: 0 0.125em;
    bottom: 0.125em;
    content: '';
    left: -0.25em;
    position: absolute;
    top: 0.125em;
    right: -0.25em;
    z-index: -2;
}

#lmenu {
    border: none;
}

#lmenu_wrap a {
    font-family: 'VT323', Arial, Helvetica, sans-serif;
    font-size: 1.7em;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.navactive {
    background-color: transparent;
}

.navactive:hover {
    background-color: transparent;
}


/* From here all the stuff from this page follows */

:root {
    --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

html,
body,
* {
    cursor: url('cursor.png'), auto;
}

body {
    background-image: url('background.png');
    background-color: #2b1c33;
    font-size: 16px;
    font-family: var(--font);
}

.body-container {
    width: 100%;
    min-height: 100%;
    background: rgba(22, 14, 26, 0.5);
}

#content_mit_menu {
    color: white;
}

#content {
    width: calc(100% - 420px);
    padding-left: 210px;
    padding-right: 210px;
    color: rgb(244, 244, 244);
    font-size: 16px;
    font-family: var(--font);
}

.title-image-container {
    position: relative;
}

.title-image {
    width: 100%;
}

.title-image-container .cat {
    position: absolute;
    right: 80px;
    top: -40px;
    transform: scale(2, 2);
    height: auto;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

p,
ul {
    background-color: transparent;
    color: inherit;
    font-size: 1.2em;
    font-family: var(--font);
}

h5 {
    font-family: 'VT323', Arial, Helvetica, sans-serif;
    font-size: 2.3em;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
    transform: scale(1.1, 1);
    transform-origin: 0 0;
}

a {
    color: rgb(215, 200, 43);
}

img {
    max-width: 100%;
}


/* CSS for larger screens */

@media (min-width: 992px) {
    #content {
        width: calc(100% - 680px);
        padding-left: 340px;
        padding-right: 340px;
    }
}