.container-header {
  position: relative;
  z-index: 10;
    background: #fcf0e0;
}
.container-header .mod-menu {
  color: #888888;
justify-content: center;
}

body {color: #938168}


h1, .h1 {font-size: calc(38px + (70 - 38) * ((100vw - 320px) / (1600 - 320)));   
color: #fcf0e0; margin-bottom: 1.4rem; font-family: 'Kaushan Script';
}

h2, .h2 {color: #a38b6b; margin-bottom: 1.5rem; font-size: calc(32px + (40 - 32) * ((100vw - 320px) / (1600 - 320)));  
	text-transform: uppercase; font-weight: normal; font-style: italic;
}

h3, .h3 {color: #a38b6b; margin-bottom: 1.3rem; font-size: calc(27px + (35 - 27) * ((100vw - 320px) / (1600 - 320)));  
	font-weight: normal; text-transform: uppercase; font-style: italic;}

h4, .h4 {color: #846d4e; margin-bottom: .5rem; font-size: 1.7rem; margin-top: 1.8rem; font-family: 'Kaushan Script'; font-weight: normal;  
}
h5, .h5 {font-weight: normal;   
color: #a38b6b; 
}

.carousel-caption {
bottom: 20%;
}

.divider-1  { display: inline-block; width: 82px; border-bottom: 3px solid; color: #e3955b;; margin-bottom: 30px; }

ion-icon{ margin-bottom: -0.2em !important}

.container-header .mod-menu {color: #947c5c; text-transform: uppercase; letter-spacing: 0.4em; font-style: italic; font-size: 0.5em}

 .container-header .mod-menu > li.active > a, .container-header .mod-menu > li.active > span,
  .container-header .mod-menu > li > a:hover {
    color: #745b39;
  }



.btn { 
  padding: 0.5rem 1rem;
  font-size: 0.8rem; margin-right: 1rem; margin-bottom: 0.5rem;
}

.container-top-a > *,
.container-top-b > *,
.container-bottom-a > *,
.container-bottom-b > * {
  margin: 0;
}

.btn-primary {
  background-color: #e3955b;
  border-color: #e3955b;
	color: #fcf0e0;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #fcf0e0;
  border-color: #e3955b;
	color: #e3955b;
}

.card {
  border: 0px solid #dfe3e7;
}

.card-body {
  padding: 0;

}

.braun {color: #fcf0e0}

.footer {
  margin-top: 0;
  color: #fcf0e0;
  background: #a38a6a;
	font-size: 0.7rem;
	text-align: center;
}

.footer .grid-child {
  padding: 1.5rem 0.5em;
}

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

.container-header nav {
	justify-content: center; margin-left: 1.5rem;
}

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

.container-banner {margin: 0 0 0;}



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

.mod-menu {
	justify-content: center
}

.oben {text-align: right; text-transform: uppercase; font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1600 - 320)));
	color: #947c5c; margin-right: 1rem;}
.oben p {margin-bottom: 0}
.oben a:hover {color: #e3955c; }

.container-header .mod-menu {text-transform: uppercase; list-style: none; justify-content: center; align-items: center}
.metismenu.mod-menu .metismenu-item {padding: 0.5em 1.3em; font-size: 1.1rem; justify-content: center; }

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button,
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
}

.icon-menu::before {
	content: "MENU"
}
.fa, .fas, [class*=" icon-"], [class^="icon-"]{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 2;
	padding: 5px 3px 1px 3px;
	
}
navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
	box-shadow: none
}


.innen1 {background: #fcf0e0;}
.innen2 {background: #fbf9f2;}

.container-header .container-nav {justify-content: center;}

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

.container-header .container-nav {justify-content: center; padding-top: 0rem; padding-bottom: 0.8rem;}

a:not([class]) {text-decoration: none;}
a {color: #604a2c}
a:hover, a:focus {color: #e3955c}

a:not(.btn):focus, a:not(.btn):hover {color: #e3955c}

.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before {
  right: 0;
  left: 0;
  background: #e3955c;
}


.container-header .metismenu > li.active > a::after{
  right: 0;
  left: 0;
  background: none;
}

  .container-header .metismenu > li > a::after,
  .container-header .metismenu > li > button::before {
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 50%;
    display: block;
    height: 1px;
    content: "";
    background: transparent;
    opacity: 0.9;
    -webkit-transition: all 0.2s ease, background-color 0.2s ease;
    -o-transition: all 0.2s ease, background-color 0.2s ease;
    transition: all 0.2s ease, background-color 0.2s ease;
  }



  .container-header .mod-menu > li::after {
    opacity: 0.5;
  }

.container-header .mod-menu {justify-content: center; align-items: center}


.css-selector {
    background: linear-gradient(148deg, #fdf1e6, #fdfbf7, #f9e5e4);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 12s ease infinite;
    -moz-animation: AnimationName 12s ease infinite;
    animation: AnimationName 12s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 10%}
    50%{background-position:100% 91%}
    100%{background-position:0% 10%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 10%}
    50%{background-position:100% 91%}
    100%{background-position:0% 10%}
}
@keyframes AnimationName {
    0%{background-position:0% 10%}
    50%{background-position:100% 91%}
    100%{background-position:0% 10%}
}

@media (max-width: 480px) {
.animation {width: 260% !important; height: auto; margin-left: -490px !important;}
.container-header .container-nav {padding-top: 1.0rem; padding-bottom: 0.6rem;}
.carousel-caption {right: 5%; left: 5%; bottom: 10%}
.metismenu.mod-menu .metismenu-item {font-size: 0.9rem;}
.container-header nav { margin-left: 0rem;}

}

@media (min-width: 480px) and (max-width: 767px) {
.animation {width: 270% !important; height: auto; margin-left: -490px !important;}
.container-header .container-nav {padding-top: 1.0rem; padding-bottom: 0.3rem;}
.carousel-caption {right: 5%; left: 5%; bottom: 15%}	
.metismenu.mod-menu .metismenu-item {font-size: 0.9rem;}
.container-header nav { margin-left: 0rem;}

}
@media (min-width: 768px) and (max-width: 979px) { 
.animation {width: 180% !important; height: auto; margin-left: -150px !important;}	
	
}
@media (min-width: 980px) and (max-width: 1199px) {
.animation {width: 150% !important; height: auto; margin-left: -150px !important;}	
	
}	
@media (min-width: 1200px) {
.animation {width: 120% !important; height: auto;}		
}
@media (min-width: 1500px) {
.animation {width: 100% !important; height: auto;}	
}




/* kaushan-script-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: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kaushan-script-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}