@media screen and (max-width: 767px) {
  h1{font-size:24px;}
  h2{font-size:20px;}
}

a {color:#B33131;}

.nav { padding-right: 75px; }

.navbar{border: none; border-radius: 0}



.navbar-toggle.navbar-left {
  float: left;
  margin-left: 10px;
}

.navbar-toggle{
  position: absolute;
  right:10px;
  top: 0;
}

.navbar-redapple{ 
background-color: white;  
border-bottom:1px solid #B33131;
}

.navbar-default .navbar-collapse {border-color: #B33131}

.navbar-default .navbar-nav > li > a {  color:#B33131; font-size:1.1em;}
.navbar-default .navbar-nav > li > a:hover {  color:gray; }

.nav > li > a {
  padding-left:0;
  padding-right:30px;
}

 /* .menucontainer{padding-left: 0} */

h1, h2 {color:#B33131;}

#footer{
  border-top: 1px solid #B33131;
  padding-top:2em;
  margin-top:1em;
}

#logomobil{margin-right:3em;
margin-top:1em;
margin-bottom:2em;}

#logo{margin-right:0;
margin-top:1em;
margin-bottom:2em;}

p:first-letter{font-size:1.2em;}

 #hamburger{margin-right:5px;}

.rt {color:#aa0029}
.or {color:#d13316}
.ge {color:#ffc000}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{
/* width: 100%;  use this, or not */
margin: auto;
}

.carousel-control {
  opacity: 0.9;
  background-image: none;
  width:20%;
}

.carousel-control.right,.carousel-control.left{  background-image: none; }

.glyphicon.glyphicon-chevron-right,.glyphicon.glyphicon-chevron-left{ color:black; }

.carousel-control:hover { opacity: 0.9; }

.carousel-indicators{display:none;}

.divimpressum{margin-bottom:1em;}


.legende {list-style: none; 
  counter-reset: li}

.legende>li{ 
  color:#B33131;
  font-weight: bold;
  font-size: 1.2em;
  counter-increment: li;
 margin-bottom:1em;
}

.legende>li::before {
  content: counter(li); 
  color: white;
  background-color: #B33131;
  display: inline-block;
  width: 1em;
  padding-left:8px;
  padding-right:18px;
  padding-top:1px;
  margin-right:1em;
  border-radius: 18px;
  margin-left: -2.5em}


/*
#myCarousel .carousel-indicators li {display:none;}

.multi-item-carousel{

  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;

    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;     
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }

  .carousel-control{
    &.left, &.right{
      background-image: none;
    }
  }
}
*/