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

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

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

.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: Times, "Times New Roman", "serif"
}

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

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

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

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

.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; color: #000000;
}

.innen1 {background: #fbf5ea;   background-image: url('hg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.innen2 {background: #ffffff;}
.innen3 {background: #e1ceb0;}
.innen4 {background: #c1a051;}

.nav-link {background: #ffffff; margin: 0.5rem; color: #c1a051; border: 1px solid #c1a051; padding: 0.9em 1.2em; font-size: calc(12px + (17 - 12) * ((100vw - 320px) / (1600 - 320)));}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link
 {color:#ffffff;
  background-color:#c1a051}
.metismenu.mod-menu .metismenu-item {font-size: 1.5rem;}
.negativ {margin-left: -4rem;}

body {
  font-family: Times, "Times New Roman", "serif"; 
	font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1600 - 320))); color: #53402f; background: #fbf5ea;
}

.container-banner {
  margin:0 0 0rem;
  display:block
}

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

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

h1, .h1 {font-size: calc(36px + (50 - 36) * ((100vw - 320px) / (1600 - 320))); color: #302115; font-family: Times, "Times New Roman", "serif"; margin-bottom: 0.2em; font-weight: 300 !important; }
h2, .h2 {font-weight: normal; font-size: calc(29px + (38 - 29) * ((100vw - 320px) / (1600 - 320)));  color: #000000; font-family: Times, "Times New Roman", "serif"; margin-bottom: 1.1rem}

h3, .h3 {font-weight: 300; font-size: calc(43px + (60 - 43) * ((100vw - 320px) / (1600 - 320)));   color: #c1a051; font-family: 'Janelotus', cursive; margin-bottom: 0 }
h4, .h4 {font-weight: 300; margin-bottom: 1em; font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1600 - 320))); color: #53402f; font-family: Times, "Times New Roman", "serif";}

.display-1 {
  font-size:clamp(3.7rem,8vw,5.9rem)
}

@font-face {
    font-family: 'Janelotus';
    src: url('../fonts/Janelotus.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Janelotus.woff') format('woff');    /* Older Browsers */
	 src: local(''),
       url('../fonts/Janelotus.woff') format('woff'),    /* Older Browsers */
	url('../fonts/Janelotus.woff') format('woff');    /* Older Browsers */
    font-weight: normal;
    font-style: normal;
}

/* 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 */
}

.Janelotus {
font-family: 'Janelotus';

}

.footer {
  background: #ffffff;
  margin-top:0;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1600 - 320)));}

.footer p{color:#888888;}

.bild-start {box-shadow: -16px 16px white, 2px -2px #e5d9dc; padding: 12px 12px 0 0 }

.bild-text {position: absolute; bottom: -11%; left: -10%; font-size: 450%; color: #ffffff; font-family: 'Janelotus', cursive; }
.bild-text3 {position: absolute; bottom: -16%; right: 0%; font-size: 650%; color: #ffffff; font-family: 'Janelotus', cursive; }
.bild-text2 {position: relative}

.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-primary2:hover, .btn-primary2:focus
{background-color: #ffffff; color: #c1a051; border: 1px solid #c1a051}
.btn-primary2
{background-color: transparent; color: #ffffff; border: 1px solid #ffffff; margin: 0 0 1.0rem 0}

.btn
{text-decoration: none !important}

.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);}



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

@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;}	
}