@font-face {
  font-family: Comic;
  src: url(ComicRelief-Regular.ttf);
}
@font-face {
  font-family: Comic;
  src: url(ComicRelief-Regular.ttf);
}

*, .jl-h1, .jl-h2, .jl-h3, .jl-h4, .jl-h5, .jl-h6, .jl-heading-2xlarge, .jl-heading-large, .jl-heading-medium, .jl-heading-small, .jl-heading-xlarge, h1, h2, h3, h4, h5 {
	font-family:Comic;
}

.jl-navbar-center:only-child, .jl-navbar-left, .jl-navbar-right {
    flex-wrap: inherit;
}

::selection{
  background: #9aa487;
  color: #000;
  text-shadow: none;
}

a {  /* für die Links*/
  color: #9aa488;
  text-decoration: underline;
}

#g-copyright a {
    color: #fff;
}

a:hover {
    color: #000000;
}

a:active {
    color: #000000;
}

.cnet-button .jl-button-default {
    background-color: rgba(255, 255, 255, 0);
    color: #9aa487;
    border-color: #9aa487;
}

.cnet-button .jl-button-default:hover {
    background-color: #9aa487;
    color: #fff;
    border-color: #fff;
}

.cnet-button {
  text-align: center;
}

.fa-4x {
  font-size: 10em;
  padding-top: 5%;
  padding-bottom: 5%;
}

#g-navigation .jl-navbar-container:not(.jl-light) .jl-logo {
    color: #222222;
    margin: 1%;
}

#redim-cookiehint .cookiehead .headline::before {
    content: '';
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 35px;
    height: 32px;
    background-image: url(../img/little_cookie.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#redim-cookiehint .cookiehead .headline {
    color: #707070;
    font-size: 20px;
    line-height: 26px;
    position: relative;
    padding: 3px 0px 3px 0px;
    display: inline-block;
}

#cookiehintsubmit, #cookiehintsubmitno {
    background: #9aa488 !important;
    color: #fff !important;
}

#cookiehintsubmit:hover, #cookiehintsubmitno:hover {
    background: #000000 !important;
    color: #fff !important;
}

#redim-cookiehint-bottom p {
    margin: 0 0 1.3rem 0; 
    font-family: sans-serif;
}

#redim-cookiehint > div.cookiebuttons a {
  font-family: sans-serif;
}

/* Die Anpassungen für die Scrollbar */
body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  background-color: #fff;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #9aa487;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#g-navigation img {
  margin: 5%;
}

#g-navigation .mobile-toggle:focus, #g-navigation .mobile-toggle:hover {
    color: #fff;
}

.tm-nav-mobile .jl-nav-default > li.jl-active > a, .tm-nav-mobile .jl-nav-default .jl-nav-sub li.jl-active > a, .tm-nav-mobile .jl-nav-primary > li.jl-active > a, .tm-nav-mobile .jl-nav-primary .jl-nav-sub li.jl-active > a {
    color: #000;
}

.tm-nav-mobile .jl-nav-default > li > a:hover, .tm-nav-mobile .jl-nav-default .jl-nav-sub a:hover, .tm-nav-mobile .jl-nav-primary > li > a:hover, .tm-nav-mobile .jl-nav-primary .jl-nav-sub a:hover {
    color: #000;
}