@font-face {
  font-family: Fondamento;
  src: url(../font/Fondamento-Regular.ttf);
}@font-face {
  font-family: Raleway;
  src: url(../font/Raleway-VariableFont_wght.ttf);
}@font-face {
  font-family: Germania;
  src: url(../font/GermaniaOne-Regular.ttf);
}@font-face {
  font-family: Evil Empire;
  src: url(../font/Evil_Empire.otf);
}

.c-pointer,
.fade-link{
  cursor: pointer;
}

body, html {
  height: 100%;
}

.f-germania{
  font-family: Germania, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Evil Empire", sans-serif;
  letter-spacing: 1px;
}

div, p, span, li {
  font-family: Raleway, sans-serif;
}

.text-small{
  font-size: .8em;
}

#nav-logo {
  max-width: 7rem;
}

#navbarNav .nav-link {
  margin-right: 2rem;
}

.nav-link{
  font-family: "Evil Empire", sans-serif;
  letter-spacing: 1px;
}

.nav-link i {
  margin-right: .7rem;
  font-size: 1.2rem;
}

.nav-link span {
  font-family: Raleway, sans-serif;
  font-size: .8rem;
}

.img-header{
  height: 600px;
  width: 100%;
  object-fit: cover;
}
.modal-backdrop{
  z-index: 3040;
}
.modal{
  z-index: 3055;
}

.datepicker-modal-container{
  z-index: 3070;
}

.timepicker-wrapper{
  z-index: 3080;
}


.lightbox-gallery{
  z-index: 3100;
}

.rs-header-link{
  text-decoration: none;
  color: #4f4f4f;
  transition: transform 1s;
}
.rs-header-link span{
  font-family: Germania, sans-serif;
}
.rs-header-link:hover{
  color: #3B71CA !important;
  transform: scale(1.2);
}



h1,h2,h3,h4,h5,h6,span,p,i,img{
  animation-fill-mode: both;
}

#header-start{
  background-image: url("../img/parallax_start_header.jpg");
}

#silvester-header {
  background-image: url("../img/parallax_silvester.jpg");
}
#restaurant-header {
  background-image: url("../img/parallax_restaurant.jpg");
}

#museum-header {
  background-image: url("../img/parallax_museum.jpg");
}

#ritter-header {
  background-image: url("../img/start_ritterspiele.jpg");
}

#restaurant_header {
  animation-fill-mode: initial;
  min-height: 80vh;
  background-image: url("../img/parallax_restaurant.jpg");
}

#carte-header {
  background-image: url("../img/restaurant_schenke.jpg");
}

#ritteressen-header {
  background-image: url("../img/parallax_ritteressen.jpg");
}

#hochzeit-header {
  background-image: url("../img/parallax_hochzeit.jpg");

}
#foltermuseum_header{
  animation-fill-mode: initial;
  min-height: 80vh;
  background-image: url("../img/parallax_museum.jpg");
}

#ritterspiele_header{
  animation-fill-mode: both;
  min-height: 80vh;
  background-image: url("../img/parallax_ritterspiele_show.jpg");
}

#rs-markt-header{
  background-image: url("../img/parallax_ritterspiele_start.jpg");
}
#rs-gaukler-header{
  background-image: url("../img/parallax_ritterspiele_gauklerei.jpg");
}
#rs-turnier-header{
  background-image: url("../img/parallax_ritterspiele_show.jpg");
}
#rs-sponsoren-header{
  background-image: url("../img/parallax_ritterspiele_partner.jpg");
}

#silvester-header,
#restaurant-header,
#museum-header,
#ritter-header,
#restaurant_header,
#carte-header,
#ritteressen-header,
#hochzeit-header,
#foltermuseum_header,
#ritterspiele_header,
#rs-markt-header,
#rs-gaukler-header,
#rs-turnier-header,
#rs-sponsoren-header,
#header-start{
  width: 100%;
  position: relative;
  height: 300px;
  background-attachment: fixed;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  object-fit: cover;
}

.bg-img{
  background-attachment: fixed;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 580px;
  width: 100%;
  object-fit: cover;
}


.flohmarkt-card:hover{
  border: solid 3px var(--mdb-green) !important;
}
.flohmarkt-card-red:hover{
  background-color: #DC4C64 !important;
  color: #FFFFFF;
}

.btn-unstyled, btn-unstyled:focus{
  outline: none;
  background: transparent;
  border: 1px solid transparent;
}

button-unstyled:active{
  outline: none;
  background: transparent;
  border: 1px solid grey;
}

.popover{
  z-index: 100000;
  background-color: var(--mdb-gray-900) !important;

}
.popover-body{
  color: white !important;
}

.rs-badge{
  font-size: .7em;
}

.shape-divider-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.shape-divider-bottom-new {
  position: relative;
  top: -45px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.shape-divider-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}
.shape-divider-top-new {
  position: relative;
  z-index:2000;
  top: 45px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.shape-divider-bottom svg,
.shape-divider-bottom-new svg,
.shape-divider-top svg,
.shape-divider-top-new svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 46px;
}

.shape-divider-bottom .shape-fill,
.shape-divider-bottom-new .shape-fill,
.shape-divider-top .shape-fill,
.shape-divider-top-new .shape-fill {
  fill: #FFFFFF;
}
.shape-divider-bottom .shape-fill-black {
  fill: #000000;
}

#logo-museum{
  width: 25rem
}
#logo-ritterspiele{
  width: 40rem;
}
.logo-partner{
  max-height: 10rem;
}

.start-link {
  text-decoration: none;
  color: #4f4f4f;
  font-size: .9rem;
}

.start-link i {
  font-size: 2rem;
}

.start-link span {
  font-family: Germania, sans-serif;
  font-size: 1.2rem;
}


.fade-link {
  color: #4f4f4f;
  text-decoration: none;
}

.fade-link i {
  font-size: 1.4rem;
  margin-bottom: .5rem;
}

.fade-link span {
  font-size: .9rem;
}

.img-side {
  max-height: 500px;
  border-radius: 2rem;
  /*clip-path: polygon(20% 0, 80% 0, 100% 10%, 90% 90%, 50% 100%, 10% 90%, 0 10%);*/

}
.card,
.multi-carousel-item img{
  border-radius: 1.25rem !important;
}
.card .bg-image {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}
.card-footer{
  border-bottom-left-radius: 1.25rem !important;
  border-bottom-right-radius: 1.25rem !important;
}

.hover-primary:hover {
  color: #3B71CA !important;
}

.hover-danger:hover {
  color: #DC4C64 !important;
}

.hover-warning:hover {
  color: #E4A11B !important;
}

.hover-success:hover {
  color: #14A44D !important;
}

#footer-copyright {
  font-size: .8rem;
}

#siegel{
  width: 10rem;
}

.footer-link{
  text-decoration: none;
  color: #FBFBFB;
  cursor: pointer;
}

.img-mini{
  width: 5em;
}


@media (max-width: 992px) {
  #restaurant_header {
    min-height: 300px;
    background-attachment: scroll;
  }

  #restaurant-header,
  #museum-header,
  #ritter-header,
  #carte-header,
  #ritteressen-header,
  #hochzeit-header,
  #foltermuseum_header,
  #ritterspiele_header,
  #rs-markt-header,
  #rs-gaukler-header,
  #rs-turnier-header,
  #rs-sponsoren-header{
    min-height: 20vh;
    background-attachment: scroll;
  }
}