/* TEMPLATE FOR www.vintage-beardies.com */
/*GLOBAL */
:root {
  --cassiopeia-color-primary: white;
}
/* Schriftarten */
@font-face {
  font-family: 'Great-Vibes';
  font-style: normal;
  font-weight: 200;
  src:  url('/media/templates/site/cassiopeia_vintagebeardies/fonts/great-vibes-v18-latin-regular.woff2') format('woff2'),
        url('/media/templates/site/cassiopeia_vintagebeardies/fonts/great-vibes-v18-latin-regular.woff') format('woff'),
        url('/media/templates/site/cassiopeia_vintagebeardies/fonts/great-vibes-v18-latin-regular.ttf') format('truetype'),
        url('/media/templates/site/cassiopeia_vintagebeardies/fonts/great-vibes-v18-latin-regular.svg#GreatVibes') format('svg');
}
body {
  height: 100%;
  font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  color: #fff;
}
body.site {
  background-color: #967355;
}
p a, p a:active, p a:focus, a, .links {
  font-weight: bold;
  text-decoration: underline;
  color: #fff;
}
/* ÜBERSCHRIFTEN */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: 'Great-Vibes', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 0.5em;
  text-align: center;
}
h1 {
  font-size: 3.5em;
}
h2 {
  font-size: 3em;
}
h3 {
  font-size: 2.5em;
}
h4 {
  font-size: 2em;
}
h5 {
  font-size: 1.5em;
}
h6 {
  font-size: 1em;
}

/* HEADER */
.container-header {
  background-image: none;
  background-color: #70725b;
}
/* NAVIGATION */
.container-header .mod-menu {
  font-family: 'Great-Vibes';
  font-size: 1.75em;
}
/* NAVBAR TOGGLER */

/* BANNER */
div.moduletable.startseite p {
  margin: 0;
  padding: 0;
}
/* CARD */
.card {
  background: transparent;
  border:none;
}
/* MODULPOSITION emiliobackground */
.emilio-background {
  background: linear-gradient(to right, #967355 50%, #70725b 50%);
  background-repeat: no-repeat;
  background-size: 86% 100%;
  padding: 65px 0px 65px 0px;
}
.emilio-background p {
  margin: 0;
}
/* MODULPOSITION milesbackground */
.miles-background {
  background: linear-gradient(to right, #967355 50%, #7c7c7c 50%);
  background-repeat: no-repeat;
  background-size: 86% 100%;
  padding: 65px 0px 65px 0px;
}
.miles-background p {
  margin: 0;
}
/* FOOTER */
.footer {
  background-image: none;
  background-color: #392618;
  font-size: 0.75em;
}
footer div.mod-footer {
    display: block;
}
footer div.mod-footer div {
    margin: 2rem;
}
/* TO TOP */
.back-to-top-link {
  background-color: #a49375;
}
.back-to-top-link.visible {
  position: fixed;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  background-color: #392618;
}
/* EVENT GALLERY */
.img-thumbnail {
  background-color: transparent !important;
}
#events .item .title {
  font-family: 'Great-Vibes', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 2em !important;
}
#events .item .eg-content .data {
  background-color: rgba(0, 0, 0, 0.9) !important;
  color: #fff !important;
}
#events .item .eg-content:hover .data {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #fff !important;
}
/* MEDIA QUERIES */
/* ÜBERSCHRIFTEN */
@media (min-width: 0px) and (max-width: 480px) {
  h1 {
  font-size: 2.5em;
  }
  h2 {
  font-size: 2.25em;
  }
  h3 {
  font-size: 2em;
  }
  h4 {
  font-size: 1.75em;
  }
  h5 {
  font-size: 1.5em;
  }
  h6 {
  font-size: 1.25em;
  }
}
/* NAVIGATION */
/* MODULPOSITION emiliobackground */
@media (min-width: 0px) and (max-width: 480px) {
  .emilio-background {
    background-size: 100% 100%;
    padding: 35px 50px 35px 50px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .emilio-background {
    background-size: 100% 100%;
    padding: 35px 40px 35px 40px;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .emilio-background {
    background-size: 99.5% 100%;
    padding: 35px 30px 35px 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .emilio-background {
    background-size: 88.5% 100%;
    padding: 35px 20px 35px 20px;
  }
}
@media (min-width: 1279px) and (max-width: 1365px) {
  .emilio-background {
    background-size: 88.5% 100%;
    padding: 35px 20px 35px 20px;
  }
}
/* MODULPOSITION milesbackground */
@media (min-width: 0px) and (max-width: 480px) {
  .miles-background {
    background-size: 100% 100%;
    padding: 35px 50px 35px 50px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .miles-background {
    background-size: 100% 100%;
    padding: 35px 40px 35px 40px;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .miles-background {
    background-size: 99.5% 100%;
    padding: 35px 30px 35px 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .miles-background {
    background-size: 88.5% 100%;
    padding: 35px 20px 35px 20px;
  }
}
@media (min-width: 1279px) and (max-width: 1365px) {
  .miles-background {
    background-size: 88.5% 100%;
    padding: 35px 20px 35px 20px;
  }
}
/* FOOTER */
@media (min-width: 1024px) {
    footer div.mod-footer {
        display: inline-flex;
    }
}