.grid-child.container-nav {
    justify-content: center !important;
}

.container-header .navbar-brand {
margin: auto;
}

.container-header {
  position: relative;
  z-index: 10;
    background: #000000;
}

.grid-child.container-nav {
    justify-content: center !important;
}

._access-icon {
    background-color: #000000 !important; box-shadow: 0px 0px 0px rgba(0,0,0,.5) !important; opacity: 0.6 !important; bottom: 15px !important; width: 40px !important; height: 40px !important; font-size: 30px !important; line-height: 40px !important;
}

._access-menu ul li {
    font-size: 12px !important; line-height: 12px !important;
}

.container-header .mod-menu {
  flex: 1 0 100%;
  padding: 0;
  margin: 0;
	justify-content: center;
	align-items: center;
  color: #c1a051;
  list-style: none;
	text-transform: uppercase;
	font-size:  calc(16px + (19 - 16) * ((100vw - 320px) / (1600 - 320)));
	font-family: 'Open Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-weight: 400;
}

.container-header .grid-child {
  padding: 1.5rem 0 1.6rem 0; 
}

.container-header .navbar-toggler {
  color: #c1a051;
  cursor: pointer;
  border: 1px solid #c1a051;
	margin-bottom: 10px;
}

.navbar-toggler:focus {box-shadow: none}

.mod-list li { text-align: center; padding: 0.6rem 0.8rem}


.container-header nav {
  padding: 0;
  margin-top: 0;
	justify-content: center
}
.container-header .mod-menu.mod-list > li > a:hover
{
  text-decoration: none; text-underline-offset: 10px;
}



a:link {
  text-decoration: underline; text-underline-offset: 6px;
}

a {
  color: #6f5a48;
  text-decoration: underline; text-underline-offset: 6px;
}
a:hover {
	color: #000000;
  text-decoration: underline; text-underline-offset: 6px;
}

body {
  font-family: 'Open Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-weight: 300;
	font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1600 - 320))); color: #53402f;
}

body.wrapper-fluid .site-grid {
  grid-gap: 0;
}
.container-banner {margin: 0 0 0;}

.container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + *
{margin-top: 0;}

.container-header .container-nav .container-search, .container-header .container-nav nav {margin-top: 0.4em;}

.bg-dark {background-color: #c1a051 !important; margin-right: 0.5rem}
.innen1 {background: #faefe9;}
.innen2 {background: #ffffff;}
.footer {color: #c1a051; background: #1c170b; font-size: 1.1rem; text-transform: uppercase}
.bottom {color: #c1a051; background: #000000; font-size: 1.2rem; }
.bottom h4, .h4 {color: #c1a051; text-transform: uppercase}

.footer a{
  text-decoration: none
}

.footer {
  margin-top: 0em;
}

.footer .grid-child {
  justify-content: space-between;
  align-items: center !important;
  padding: 2.5rem .5em;
}



.container-header .mod-menu :where(.mod-menu__sub:not(.mod-menu__sub *)) {
    z-index: 1001;
    background-color: #000000;
    min-width: 10rem;
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    top: 110%;
	left: -2rem
  }

.container-header .mod-menu .mod-menu__sub a, .container-header .mod-menu .mod-menu__sub span{
color: #a98635; text-align: center}

.container-header .mod-menu .parent > ul {
  color: #a98635;
}

.mod-list li .mod-menu__sub{
  padding: 0.7rem;
}

.gallery-item {
  box-shadow: none !important; border-radius: 0px !important;
}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  line-height: 1.2;
}

h1, .h1 {font-size: calc(42px + (58 - 42) * ((100vw - 320px) / (1600 - 320))); color: #302115; font-family: 'Open Sans', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif" ; margin-bottom: 0.5em; font-weight: 300 !important}
h2, .h2 {font-weight: normal; font-size: calc(32px + (38 - 32) * ((100vw - 320px) / (1600 - 320)));  color: #a98635; font-family: 'Alex Brush', cursive; margin-bottom: 1.1rem}

h3, .h3 {font-weight: 300; font-size: calc(26px + (37 - 26) * ((100vw - 320px) / (1600 - 320)));  color: #000000; font-family: 'Open Sans'; margin-bottom: 1.2rem }
h4, .h4 {font-weight: 300; margin-bottom: 1.3em; font-size: calc(23px + (26 - 23) * ((100vw - 320px) / (1600 - 320))); color: #000000; font-family: 'Open Sans'}

/* alex-brush-regular - latin */
@font-face {
  font-family: 'Alex Brush';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alex-brush-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alex-brush-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alex-brush-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alex-brush-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alex-brush-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alex-brush-v20-latin-regular.svg#AlexBrush') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v44-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v44-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





.box {
	-webkit-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;}
.box:hover {   
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
-webkit-transform: scale(1.1); /* Saf3.1+, Chrome */
-moz-transform: scale(1.1); /* FF3.5+ */
-ms-transform: scale(1.1); /* IE9+ */
-o-transform: scale(1.1); /* Opera */
transform: scale(1.1);}

.btn-primary:hover, .btn-primary:focus
{background-color: #ffffff; color: #c1a051; border: 1px solid #c1a051}
.btn-primary
{background-color: #c1a051; color: #ffffff; border: 1px solid #c1a051; margin: 0 0 1.0rem 0}

.btn
{text-decoration: none !important}



@media (max-width: 480px) {
.animation {width: 200% !important; height: auto; margin-left: -195px !important;}
	
}

@media (min-width: 480px) and (max-width: 767px) {
.animation {width: 200% !important; height: auto; margin-left: -250px !important;}
}
@media (min-width: 768px) and (max-width: 979px) { 
.animation {width: 180% !important; height: auto;}	

}
@media (min-width: 980px) and (max-width: 1199px) {
.animation {width: 130% !important; height: auto;}	
	
}	
@media (min-width: 1200px) {
.animation {width: 120% !important; height: auto;}		
}
@media (min-width: 1500px) {
.animation {width: 100% !important; height: auto;}	
}


@media (width >= 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}

@media (width >= 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}

@media (width >= 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}

@media (width >= 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@media (width >= 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1520px;
  }
}

@media (width <= 991.98px) {
  .container-header .mod-menu > li.active > a, .container-header .mod-menu > li.active > span, .container-header .mod-menu > li > a:hover {
    text-decoration: none;
  }
}