/* ! `Custom` Bootstrap 4 theme */
/* latin */
@font-face {
  font-family: 'Crete Round';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/crete-round.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%; } }

html {
  overflow: visible; }

h1 {
  margin-bottom: 2rem; }

h2 {
  margin-bottom: 1.5rem; }

main.container-fluid {
  padding: 0; }

.navbar-brand {
  max-width: 80%;
  margin-right: 0 !important; }

.content-wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden; }

#reco-menu nav {
  position: absolute;
  right: 0;
  bottom: .25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 10; }
  #reco-menu nav button {
    margin: .5rem .5rem 0 0; }
    #reco-menu nav button:not(:hover) {
      background-color: white; }

h1 {
  font-size: 24px !important; }
  @media screen and (min-width: 550px) {
    h1 {
      font-size: 33px !important; } }

#kh-description {
  position: absolute;
  right: 4rem;
  bottom: -100vh;
  width: 250px;
  -webkit-transition: bottom 1s;
  -o-transition: bottom 1s;
  transition: bottom 1s;
  max-height: 80vh;
  overflow-y: scroll; }
  #kh-description.kh-visible {
    bottom: .25rem; }

/* KH-Start */
  #kh-start #header-image {
    background-image: url(../assets/images/Die-Verschwundene-Burg-Konradsheim_web.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
    padding-top: 97px; }
    #kh-start #header-image h2 {
      font-size: 26px; }
      @media screen and (min-width: 550px) {
        #kh-start #header-image h2 {
          font-size: 33px; } }
  #kh-start #countdown-wrapper {
    padding-top: 30%;
    color: white;
    text-align: center;
    text-shadow: 0 0 7px black;
    font-weight: bold; }
    #kh-start #countdown-wrapper #countdown-header {
      font-size: 24px;
      font-weight: normal;
      margin-bottom: 0; }
    #kh-start #countdown-wrapper #countdown {
      font-size: 100px;
      opacity: .70; }
      @media screen and (min-width: 768px) and (max-width: 1010px) {
        #kh-start #countdown-wrapper #countdown {
          font-size: 75px; } }

body.kh-start {
  overflow: visible;
  height: auto;
  min-height: 100vh; }
  body.kh-start header {
    position: static !important; }

#test {
  font-style: 2rem; }

:target:before {
  content: "";
  display: block;
  height: 100px;
  margin: -100px 0 0; }