.flagge {margin-top:25px;}
body{padding-top:85px;background:#fff;font-family:font-family: "open-sans", "Arial", sans-serif;color:#666;font-size:16px;}
blockquote p {margin:3px 0;}
a,a:hover {color:#cc3333;text-decoration:none;}
a:hover{opacity:.8;}
.btn,.btn a,.btn:hover {color:#fff;margin:0;}
.btn,.btn:hover,.btn:focus,.btn:visited,.btn-info:active {background:#cc3333;border:none !important;outline:none !important;box-shadow:none;-webkit-box-shadow:none;}
h1,h2,h3,h4,h5,aside,#slider strong,news h3{font-family: 'Fauna+One', sans-serif;}
h1 {font-size:30px;font-weight:bold;}
h2 {font-size:24px;margin-top:60px; text-transform: uppercase; }
h3 {font-size:22px;}
h3 a {color:#666;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h2,h3,h4,h5 {margin:20px 0;}
.news h3 {font-size:18px;font-weight:bold;padding-bottom:10px;}
.news p {font-size: 16px;}
.row news-list-item .col-md-3 {width:100%}

aside {font-size:0.6em;}
figcaption {font-size:12px;}
.fa-plus-square,.fa-arrow-alt-circle-down,.news h3 a  {color:#cc3333;}
/*.fa-info-circle {font-size:28px;padding-top:5px;}*/
.fa-search {color:#aaa;}
.fa-chevron-right,.fa-ellipsis-h {padding:9px;margin-right:5px;font-size:20px;color:#cc3333;border:2px solid #cc3333;border-radius:20px;width:40px;height:40px;text-align:center;}
hr {background:#cc3333;width:150px;height:3px;margin:20px 0;text-align:left;}


#slider {margin-top:20px}
.carousel strong {font-size:3em;font-weight:normal;background:rgba(0,0,0,.4);padding:5px 15px;color:#fff;}
.carousel aside strong {background:#cc3333;}
.carousel aside {margin-top:20px;}
.carousel-caption {width:auto;top: 45%;bottom: auto;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.carousel-item .carousel-caption, .carousel-inner .item .carousel-caption {opacity:0;-webkit-transition:2s all ease-in-out .1s;-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s}
.carousel-item.active .carousel-caption, .carousel-inner .item.active .carousel-caption{opacity:1;-webkit-transition:2s all ease-in-out .1s;-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s}
.carousel-indicators li {opacity:0.7;width: 10px;height: 10px;border-radius: 100%;}
.carousel-indicators {bottom:10px;}
.carousel-fade .carousel-item {opacity: 0;transition-duration: .9s;transition-property: opacity;}

.navbar {padding: 5px 0;background:#fff;text-transform:uppercase;border-bottom:1px solid #aaa;}
#navar {color:#aaa}
.navbar-nav>li>a,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus,
.dropdown-menu {color: #666;background: #fff;}

.navbar-brand img {height:70px;width:auto;}

.dropdown-menu{border:none;margin-top:0;padding-top:0;}
.dropdown-item:hover {background:#cc3333;}
.dropdown-item li:active;.dropdown-item:focus {background:#cc3333;}

#inhalt {margin-top:30px;padding-bottom:50px;}
#inhalt img {width:100%; height:auto;}

#footer{background:#444;color:#fff;padding:20px 0 5px 0;}
#footer a,#footer .fa{color:#fff}
#footer h2 {font-size:16px;margin: 0;}
#footer p {font-size:0.9em;}
#copyright {padding:10px}


.search {
  position: absolute;
  top: 50%;
  /*right: 0;*/
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}
.search * {
  outline: none;
  box-sizing: border-box;
}
.search__wrapper {
  position: relative;
}
.search__field {
  width: 20px;
  height: 50px;
  color: transparent;
  font-size: 1.1em;
  padding: 0.35em 40px 0.35em 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.search__field:focus {
  border-bottom-color: #ccc;
  width: 40vw;
  color: #2b2b2b;
  cursor: default;
}
.search__field:focus ~ .search__icon {
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
}
.search__icon {
  position: absolute;
  top: 0;
  right: 0;
  background:transparent;
  width: 50px;
  height: 50px;
  font-size: 1em;
  border-color: transparent;
  color:#cc3333;
  pointer-events: none;
  display: inline-block;
  transition: background-color 0.2s ease-in-out;
}
.search__field::-webkit-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-ms-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden],
.search__field:-moz-placeholder[style*=hidden] ,
.search__field::-moz-placeholder[style*=hidden],
.search__field:-ms-input-placeholder[style*=hidden] {
  color: #cc3333;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #cc3300;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #cc3333;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.product-grid{position:relative;margin-top:40px;}
.product-grid .product-image{overflow:hidden;position:relative;}
.product-grid .product-image a{display:block}
.product-image hr {width:64%;margin:0 auto;height:3px;}
.product-image .pic{opacity:1;transition:all .5s;}
.product-grid:hover .product-image .pic{opacity:0.9}
.product-grid .add-to-cart{color:#fff;background:#404040;width:64%;position:absolute;text-align:center;padding:10px 0;display:block;margin: 0 18%;transition:all .3s}
.product-grid .add-to-cart:hover{background-color:#cc3300;text-decoration:none;}
.product-grid:hover .add-to-cart{bottom:25%}
.product-grid blockquote {font-size:14px;}



@media only screen and (max-width:990px){
}


@media (max-width: 767.98px) {
h1 {font-size:26px;padding-top:0;}
h2 {font-size:24px;}
h3,h4 {font-size:20px;}
.right2 {margin-top:20px;}
.info2 {margin-left:15px;}
#slider {display:none;}
#inhalt img {width:90%;}
h1,h2 {margin-top:15px;padding-top:0:}
  .product-image hr {width:100%;margin:0}
  
.carousel-caption {top:60px}
.carousel strong {font-size:1.4em;line-height:1.8em;}
.carousel aside strong,.suche {display:none;}
.carousel-indicators {margin-bottom:-18px;}
.language {padding:5px 0;}
.navbar-brand {padding-left:15px;}
.navbar ul  {padding:0 15px;}
.navbar ul li {border-top:1px solid #cc3300;width:100%;}
.navbar-toggler {background:transparent;outline:none !important;height:50px!important;border:none;position:absolute;top:15px;right:5px;}
.navbar-toggler span {position:relative;top:0;width:35px;height:3px;}

.icon-bar {
display: block;
position: relative;
background:#666;
width: 100%;
border-radius: 9px;
opacity: 1;
  left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.icon-bar:nth-child(1) {top: 0px;}
.icon-bar:nth-child(2) {top: 10px;}
.icon-bar:nth-child(3) {top: 20px;}
}