body {background-color: #efecec;}

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

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

body {color: #999999}

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

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

.container-header .navbar-toggler {
  color: #999999;
  cursor: pointer;
  border: 1px solid #999999;
	margin-bottom: 10px;
	}
	
	.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
	box-shadow: none

}

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

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

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

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

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


.container-header .mod-menu {
  flex: 1 0 100%;
  padding: 0;
  margin: 0;
  color: #999999;
  list-style: none;
	text-transform: uppercase;
	border-bottom: 1px solid #ffffff;
}

.container-header .mod-menu > li > a {
 color: #999999;  text-decoration: none;
}

.container-header .mod-menu > li > a:hover  {
  color: #cd031b;   
}

.container-header .mod-menu > li > a::before  {
 content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #cd031b;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.container-header .mod-menu > li > a:hover::before  {
transform: scaleX(1);
}

a {
  color: #999999
}
a:not([class]) {
  text-decoration: none;
}
a:hover, a:focus {
  color: #777777; text-decoration: underline;
}

.navbar-brand {
  padding-top: 1.2rem; padding-bottom: 0.6rem; 
}

.carousel-caption {
  left: 40%;
}


.carousel-caption h5 {backdrop-filter: blur(10px);
}

.carousel-caption h5 {color: #ffffff; background: rgb(255,255,255,0.1); display: inline-block; border-bottom: 1px solid #ffffff; padding: 30px; font-family: 'Sintony', sans-serif; letter-spacing: 1px; font-size: 1.3rem; font-weight: normal; text-transform: uppercase;
}

.innen-1 {background: #fff;  }
.innen-3 {background: #efecec; }
.innen-4 {background: #fff; }
.innen-2 {
background: #8c0212; /* Old browsers */
background: -moz-linear-gradient(left, #8c0212 0%, #cd031b 36%, #cd031b 68%, #8c0212 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #8c0212 0%,#cd031b 36%,#cd031b 68%,#8c0212 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #8c0212 0%,#cd031b 36%,#cd031b 68%,#8c0212 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0212', endColorstr='#8c0212',GradientType=1 ); 
 }

.divider-1  { display: inline-block; width: 75px; border-bottom: 2px solid; color: #cd031b; margin-bottom: 30px; margin-top: -10px;}

.bottom {background: #fff; }
.bottom p {color: #aaaaaa;}
.links {background: #f8f7f7; }
.footer {background: linear-gradient(to right, #8c0212 0%,#cd031b 36%,#cd031b 68%,#8c0212 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0212', endColorstr='#8c0212',GradientType=1 ); 
 font-size: 0.7rem;
	text-align: center; }

.footer a{
  text-decoration: none}

h1, .h1 {font-size: calc(30px + (38 - 30) * ((100vw - 320px) / (1600 - 320))); margin-bottom: 1.9rem; text-transform: uppercase; color: #cd031b; font-family: 'Sintony', sans-serif; letter-spacing: 0.5px; }
h2, .h2 {margin-bottom: 1.2em; font-size: calc(21px + (23 - 21) * ((100vw - 320px) / (1600 - 320)));  color:#999999; font-weight: normal; font-family: 'Sintony', sans-serif;}
h3, .h3 {font-weight: normal;  font-size: 1.5rem; color: #999999; margin-bottom: 1.5rem; font-family: 'Sintony', sans-serif; }
h4, .h4 {font-weight: bold; font-size: 1.2rem;  color: #aaaaaa; margin-bottom: 1.2rem; font-family: 'Sintony', sans-serif; text-transform: uppercase; }

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

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

.mod-menu {
   display: flex;
    flex: 1 1 100%;
    flex-direction: row;
}

.card-body {  padding: 0;}

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


.logo-sw {filter: grayscale(100%);  transition: all 0.5s ease-in; max-width: 100%; background:  transparent; animation: sw 10s ease infinite; }

@keyframes sw {
  0% {;opacity: 0.1; filter:grayscale(100%);}
  50% {opacity: 1; filter:none;}
  100% {opacity: 0.1; filter:grayscale(100%);}
}
@-webkit-keyframes sw {
  0% {opacity: 0.1;  filter:grayscale(100%);}
  50% {opacity: 1; filter:none;}
  100% {opacity: 0.1; filter:grayscale(100%);}
}

.img-sw {filter: grayscale(100%); opacity: 0.5; transition: all 0.3s ease-in; max-width: 100%; margin-bottom: 10px;
	-webkit-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          -ms-transition: all .3s ease-in-out;}

.img-sw:hover {filter:none; opacity: 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: 360% !important; height: auto; margin-left: -480px !important;}
	.carousel-caption {bottom: 0.2rem;} h1, .h1 {line-height: 1.4em;}
	.carousel-caption {right: 7%; left: 7%;}
	.carousel-caption h5 {padding: 20px;}
	.mod-menu {flex-direction: column;}
	.container-header .navbar-brand {margin-left: 1.0rem; margin-right: 1.0rem;}
}

@media (min-width: 480px) and (max-width: 767px) {
.animation {width: 270% !important; height: auto; margin-left: -490px !important;}
		.carousel-caption {bottom: 1.0rem;}
	.carousel-caption {right: 13%; left: 13%;}
	.carousel-caption h5 {padding: 22px;}
	.mod-menu {flex-direction: column;}
}
@media (min-width: 768px) and (max-width: 979px) { 
.animation {width: 180% !important; height: auto; margin-left: -150px !important;}	
		.carousel-caption {right: 14%; left: 14%;}
}
@media (min-width: 980px) and (max-width: 1199px) {
.animation {width: 150% !important; height: auto; margin-left: -150px !important;}	
	.carousel-caption {right: 20%; left: 20%;}
}	
@media (min-width: 1200px) {
.animation {width: 120% !important; height: auto;}		
}
@media (min-width: 1500px) {
.animation {width: 100% !important; height: auto;}	
}


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