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

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

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

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

.bild-text {position: absolute; bottom: 1%; left: 5%; font-size: 450%; color: #ffffff; font-family: 'Kristi'; }
.bild-text2 {position: relative}

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


.container-header .mod-menu {
  flex: 1 0 100%;
  padding: 0;
  margin: 0;
  color: #815858;
  list-style: none;
	text-transform: uppercase;
	display: flex;
}

.innen1 {  background: #eceaea url("/images/hg.jpg"); background-repeat: no-repeat; background-position: bottom right; background-size: 520px 520px}


.innen2 { background: linear-gradient(167deg, #242423, #696868);
    background-size: 400% 400%;

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

@-webkit-keyframes AnimationName {
    0%{background-position:36% 0%}
    50%{background-position:65% 100%}
    100%{background-position:36% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:36% 0%}
    50%{background-position:65% 100%}
    100%{background-position:36% 0%}
}
@keyframes AnimationName {
    0%{background-position:36% 0%}
    50%{background-position:65% 100%}
    100%{background-position:36% 0%}
}

.icon-inner, .ionicon, svg {
margin-top: 22px;
}

.innen5 { background: #ffffff}
.bottom { background: #ffffff; font-size: 0.9rem}
.bottom a, .bottom a:hover, .bottom a:focus  {
  color: #6c6c6c; }

.innen3 { background: linear-gradient(167deg, #e1c1bc, #f3eae8);
    background-size: 400% 400%;

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

@-webkit-keyframes AnimationName {
    0%{background-position:36% 0%}
    50%{background-position:65% 100%}
    100%{background-position:36% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:36% 0%}
    50%{background-position:65% 100%}
    100%{background-position:36% 0%}
}
@keyframes AnimationName {
    0%{background-position:36% 0%}
    50%{background-position:65% 100%}
    100%{background-position:36% 0%}
}

.innen4 {background: linear-gradient(167deg, #ffffff, #ece8e8);
    background-size: 400% 400%;

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

@-webkit-keyframes AnimationName {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}
@keyframes AnimationName {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}

a:not([class]) {
  text-decoration: none;
}

.icon-menu::before {
	content: "MENU"
}

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

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

.container-header .grid-child {
  padding: 0.8rem; 
}

navbar-brand {
  padding-top: 0.6125rem;
  padding-bottom: -0.4rem;
}

.container-header nav {
  padding: 0;
  margin-top: 0;
	justify-content: center
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
	box-shadow: none
}

.metismenu.mod-menu .metismenu-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.3em 1.5em;
  font-size: 1.2rem;
  line-height: 1.5;
justify-content: center;	
}


.card-body {
  padding: 0;
}

.card {border: none; }

.row {
  --gutter-x: 0em;
}

.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;
	
}
.container-component > * + *,
.container-sidebar-left > * + *,
.container-sidebar-right > * + * {
  margin-top: 0em;
}

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

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

.carousel-caption {
  position: absolute;
  right: 7%;
  bottom: 2.4rem;
  left: 7%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: white;
  text-align: left;
}

.carousel-caption p{
  font-size: 1.4rem;
}

a {
  color: #c09994; text-decoration: none;
}
a:hover {
  color: #a97b75; text-decoration: none;
}

a:focus {
  color: #c09994; text-decoration: none;
}

.btn-primary {
  color: #c09994;
  background-color: transparent;
  border-color: #c09994;
}
.btn-primary:hover {
  color: white;
  background-color: #c09994;
  border-color: #fff;
}


.btn {
margin-right: 0.6rem;
}
h1, .h1 { font-size: calc(39px + (62 - 39) * ((100vw - 320px) / (1600 - 320))); margin-bottom: 1rem; font-weight: bold; text-transform: uppercase; color: #fff}
h2, .h2 {margin-bottom: 0.5em; text-transform: uppercase; font-size: 1.8rem; color: #727171; font-weight: normal;}
h3, .h3 {font-weight: normal; font-size: 2.4rem; color: #c09994;  font-family: 'Kristi'; }
h4, .h4 {font-weight: normal; font-size: 1.2rem;  color: #c09994}
h5, .h5 {font-weight: normal; font-size: 1.2rem;  color: #c09994; text-transform: uppercase}
h6, .h6 {font-weight: normal; font-size: 5.0rem; color: #c09994;  font-family: 'Kristi'; }

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

.mod-menu {
  flex-direction: row;
}


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

.footer a{
  text-decoration: none
}

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


body {color: #868484}

.bild-slider {-webkit-animation: kenburns-top 15s ease-out infinite both;
	        animation: kenburns-top 15s ease-out infinite both; }

@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}


@media (max-width: 480px) {
.animation {width: 360% !important; height: auto; margin-left: -400px !important;}
.carousel-caption {bottom: 0rem;}
.mod-menu {flex-direction: column;}
.grid-child.container-nav {justify-content: left!important;}
.metismenu.mod-menu .metismenu-item {justify-content: left;	padding: 0.3em 0.5em; font-size: 1.0rem;}
.container-header nav {justify-content: left}
body.wrapper-fluid header > .grid-child,
body.wrapper-fluid footer > .grid-child {padding-right: 2em; padding-left: 1.5em;}
}

@media (min-width: 480px) and (max-width: 767px) {
.animation {width: 270% !important; height: auto; margin-left: -280px !important;}
.carousel-caption {bottom: 0.5rem;}
.mod-menu {flex-direction: column;}
.grid-child.container-nav {justify-content: left!important;}
.metismenu.mod-menu .metismenu-item {justify-content: left;	padding: 0.3em 1.1em; font-size: 1.0rem;}
.container-header nav {justify-content: left}

}
@media (min-width: 768px) and (max-width: 979px) { 
.animation {width: 180% !important; height: auto; margin-left: -250px !important;}	
	.carousel-caption {bottom: 1.0rem;}
		.metismenu.mod-menu .metismenu-item {padding: 0.3em 1.1em; font-size: 1.0rem;}
}
@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;}	
}