:root {
    --main-color-body:          #FFFF99;
    --main-color-body-font:     #FFFFFF;
    --div-color:                #0099CC;
    --border-color:             #CCCCCC;
    --link-color:               #FFFFFF;
    --link-visited-color:       äFFFFFF;
    --link-hover-color:         #FFFF99;
    --link-active-color:        #FFFF99;
}

body {
    font-family: "Nunito", sans-serif;
    background-color: var(--main-color-body);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    color: var(--main-color-body-font);
}

/*
body {
    background-image: url("/assets/bg_768_h.jpg");
}
@media (max-width: 767px) {
    body {
        background-image: url("/assets/bg_768_w.jpg");
    }
}
*/

body > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

a:link {
  color: var(--link-color);
  text-decoration: none;
}

a:visited {
  color: var(--link-visited-color);
  text-decoration: none;
}

a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}

a:active {
  color: var(--link-active-color);
  text-decoration: none;
    --link-color:               #FFFFFF;
} 

.popup {
    margin-left: 30px;
    margin-right: 30px;
    padding: 30px;
    border: 2px solid var(--border-color);
    background-color: var(--div-color);
}