/* Farben */
.carousel {
  position: relative; }
  .carousel .fa-carousel {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.75) !important;
    color: #698b22;
    font-size: 3rem;
    width: auto;
    height: auto; }
  .carousel .carousel-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.75);
    color: #333333; }
    .carousel .carousel-caption h3 {
      color: #698b22;
      border-bottom: 1px solid #698b22;
      margin-top: 2rem; }
  .carousel .carousel-indicators {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: none; }
    .carousel .carousel-indicators li {
      padding: 0;
      margin: 0;
      border-radius: 0;
      border: 0;
      background: rgba(188, 238, 104, 0.5);
      height: 2rem;
      float: left;
      border-right: 1px solid #333333;
      border-left: 1px solid #333333;
      box-sizing: border-box; }
      .carousel .carousel-indicators li.active {
        background: #dde9af; }
    .carousel .carousel-indicators.carousel2 li {
      width: 50%; }
    .carousel .carousel-indicators.carousel3 li {
      width: 33.3%; }
    .carousel .carousel-indicators.carousel4 li {
      width: 25%; }
    .carousel .carousel-indicators.carousel5 li {
      width: 20%; }
    .carousel .carousel-indicators.carouselx li {
      width: 5%; }

.req {
  border: #de5e50;
  background: rgba(222, 95, 80, 0.5); }

#inhalt .jumbotron {
  padding: 1rem; }

.jumbotron {
  padding: 0;
  margin: 1rem 0;
  border-radius: 0;
  background: #dde9af;
  color: #333333;
  border: 1px solid #333333;
  overflow: hidden;
  /*.navbar {
      background: transparent;
      border-radius: 0;
      background-image: url(../images/bg-main-navi-gelb.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top right;
      
      .navbar-brand {
          color: $dgrau;
          
          &:hover {
              color: $dgrau075;
          }
      }
      
      .nav-link, a {
          color: $dgruen;
          transition: all 0.35s ease-in;
          
          &:hover {
              color: $dgrau;
          }
      }
      
      .dropdown-menu {
          background: url(../images/schmetterlinge-gruen.png);
          background-repeat: no-repeat;
          background-size: cover;
          border-radius: 0;
          border: 1px solid $dgrau;
          
          .dropdown-item {
              &:hover {
                  background: $weiss050;
              }
          }
      }
  }*/ }
  .jumbotron h1 {
    text-align: center;
    margin-top: 0.75rem;
    color: #698b22;
    background: rgba(253, 206, 80, 0.75);
    margin: 0; }
    .jumbotron h1 strong {
      display: block;
      margin: 0 auto;
      border-top: 1px solid #333333;
      font-size: 1.75rem;
      font-weight: 400;
      color: #698b22;
      background: #dde9af; }
  .jumbotron h2 {
    text-align: center; }
  .jumbotron .navbar-toggler {
    width: 100%; }
  .jumbotron .mainNaviSticky {
    position: fixed;
    top: 0;
    widht: 100%;
    z-index: 100; }
  .jumbotron .mainNavi {
    background: #dde9af; }
    .jumbotron .mainNavi.pos-f-t {
      border-bottom: 2px solid #698b22; }
  .jumbotron #mainNavi {
    padding: 1rem;
    postition: relative; }
    .jumbotron #mainNavi .navbar {
      margin-bottom: 1rem; }
    .jumbotron #mainNavi .card {
      background: transparent;
      border-radius: 0 !important;
      background-image: url(../images/bg-main-navi-gelb.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top right;
      padding: 0; }
      .jumbotron #mainNavi .card .card-img-top {
        max-width: 100% !important;
        height: auto; }
      .jumbotron #mainNavi .card h3 {
        padding: 0;
        margin: 0 0 0.5rem 0;
        border-bottom: 1px solid #698b22;
        color: #698b22; }
      .jumbotron #mainNavi .card ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .jumbotron #mainNavi .card ul.subnavi {
          background: url(../images/schmetterlinge-gruen.png) !important;
          background-repeat: no-repeat;
          background-size: cover;
          border-radius: 0;
          border: 1px solid #333333;
          margin-left: 1rem; }
          .jumbotron #mainNavi .card ul.subnavi li a:hover {
            background: rgba(255, 255, 255, 0.5); }
        .jumbotron #mainNavi .card ul li a {
          color: #698b22;
          transition: all 0.35s ease-in;
          padding: 0.25rem;
          display: block; }
          .jumbotron #mainNavi .card ul li a:hover {
            color: #333333; }

.card {
  border-radius: 0;
  background: rgba(255, 255, 255, 0.25); }

.accTitle {
  padding: 0.75rem;
  margin: 0;
  background: #698b22;
  color: white; }
  .accTitle:hover {
    cursor: sw-resize; }

.accInnen {
  border: 1px solid #333333;
  margin: 0 !important;
  padding: 0.5rem; }

body, html {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #333333;
  background: url(../images/schmetterlinge-gruen.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }

.kontaktformular h2 {
  background: #dde9af;
  color: #333333;
  padding: 0.5rem; }
.kontaktformular input {
  margin: 0 !important; }

p.linie {
  border-bottom: 1px solid #333333; }

table tbody tr {
  transition: 0.35s all ease-in; }
  table tbody tr:hover {
    background: #dde9af; }
    table tbody tr:hover td {
      transition: 0.35s all ease-in; }
      table tbody tr:hover td:hover {
        background: #698b22;
        color: white; }

.pull-left {
  margin: 0.5rem 1rem 0.5rem 0; }

.pull-right {
  margin: 0.5rem 0 0.5rem 1rem; }

.card-group {
  margin-bottom: 1rem; }

.card {
  padding: 0.5rem; }
  .card .card-title {
    font-size: 1rem;
    text-align: center;
    padding: 0.15rem; }

#inhalt {
  background: rgba(255, 255, 255, 0.75);
  padding: 1.5rem 0.75rem; }
  #inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4, #inhalt h5, #inhalt h6 {
    margin: 1.5rem 0; }
  #inhalt p {
    font-size: 1.25rem;
    margin-bottom: 1.5rem; }
  #inhalt ul {
    list-style-image: url(../images/list-style-image.png); }
    #inhalt ul li {
      font-size: 1.25rem; }
      #inhalt ul li.oli {
        list-style: none; }
    #inhalt ul ul {
      list-style-image: url(../images/list-style-image-gruen.png); }
  #inhalt a {
    color: #698b22;
    text-decoration: underline; }
  #inhalt .btn {
    border-radius: 0;
    transition: 0.35s all ease-out; }
    #inhalt .btn.btn-primary {
      background-color: rgba(105, 139, 34, 0.75);
      border: 1px solid #698b22;
      color: white; }
      #inhalt .btn.btn-primary:hover {
        background-color: #698b22; }
    #inhalt .btn.btn-secondary {
      background: #333333; }

.main-footer {
  padding: 1rem;
  background: rgba(105, 139, 34, 0.75);
  margin-top: 1.25rem; }
  .main-footer .btn:first-child {
    margin-bottom: 1rem; }
  .main-footer address {
    font-size: 1.15rem;
    color: white; }
    .main-footer address:first-line {
      font-size: 1.75rem; }
  .main-footer .btn {
    border-radius: 0;
    transition: 0.35s all ease-out; }
    .main-footer .btn.btn-primary {
      background-color: rgba(188, 238, 104, 0.75);
      border: 1px solid #dde9af;
      color: #333333; }
      .main-footer .btn.btn-primary:hover {
        background-color: #dde9af; }

.fa-dgruen {
  color: #698b22; }

.fa-blau {
  color: blue; }

.fa-rot {
  color: red; }

.fa-weiss {
  color: #fff; }

.fa-gruen {
  color: #698b22; }

/*# sourceMappingURL=template.css.map */